Hello

We have updated our Boutique template. Included with this update we have added an option to add multiple images to the header area and a sticky top menu and logo option. We have also amended the centering of the scroll to content arrow.

The parallax background image option can have some compatibility issues with Apple touch devices so we have allowed the option to add a single non-parallax image via the 'List/Add Header Background Image(s)' option.

Ciarán

Ciaran, i found a solution for background on phone (landscape and portrait) and tablet (only portrait):

/* disable background-size:cover */
.touch #container_header, .touch #header_bg, .touch #container_top2_modules, .touch #container_bottom1_modules, .touch #container_bottom2_modules {
-webkit-background-size: auto 100% !important;
-moz-background-size: auto 100% !important;
-o-background-size: auto 100% !important;
background-size: auto 100% !important;
background-attachment: scroll !important;
}


problem on tablet (landscape) persist.

maybe you can insert these my adds to an update.

another thing:

i moved "scroll down" arrow to the left cause i noticed that is not perfectly centered and after some try i cannot found a solution.

p.s. can you send me a mail or a pm with your mail or Skype account?
maybe we can work to an update together

tried.

is seems a little better but problem persist.

p.s. i found a little bug.
font.awesome icons in mobile menu are not shown cause in nexus.css i found:

a.slicknav_item [class^="fa-"]:before, a.slicknav_item [class*=" fa-"]:before, .slicknav_menu .menu li [class^="fa-"]:before, .slicknav_menu .menu li [class*=" fa-"]:before {
display: none !important;
}
.menu li [class^="fa-"]:before, .menu li [class*=" fa-"]:before {
position: absolute;
}

i solved temporary with this:

a.slicknav_item [class^="fa-"]:before, a.slicknav_item [class*=" fa-"]:before, .slicknav_menu .menu li [class^="fa-"]:before, .slicknav_menu .menu li [class*=" fa-"]:before {
display: inline !important;
}
.menu li [class^="fa-"]:before, .menu li [class*=" fa-"]:before {
position: static;
}

Thank you

To amend your iPhone background issue try adding the following to the Custom CSS field of your templates parameters....

/* disable background-size:cover */

.touch #container_header, .touch #header_bg, .touch #container_top2_modules, .touch #container_bottom1_modules, .touch #container_bottom2_modules {

	-webkit-background-size: auto !important;

	-moz-background-size: auto !important;

	-o-background-size: auto !important;

	background-size: auto !important;

	background-repeat: repeat !important;

	background-attachment: scroll !important;

}

2. When updating we will look in to adding an option to set the top menu as sticky. I will alert you when the update is available via this post.

Ciarán

from iphone

so, this is what i see...

i need to fix that

Thanks a lot!

the website is http://www.rdcustom.it and i see an oversized image with iphone 6 and ipad mini.

yes, i need a menu always visible (centered on the main screen and on top when i scroll down).

i think this can be one of the most beautiful templates on the market, but it really needs some adjustments.

my website is online from less than 3 hours and using it i really feel the necessity of a dynamic menu; the single background is boring...

Hello

1. The templates background image is set to the 'cover' background-size CSS property. This means that it will always resize to fill or cover the screen. There issues however with some devices with this CSS property (image appears over enlarged). If this is the case please forward a URL to an example of the issue and details on the device you are using.

2. Not sure if I understand you correctly. You wish the menu to be fixed to the top? Always visible?

3. We are working on an update which will add a slideshow feature to the background of the template. We hope to have this update available in the next 3 to 5 days.

Ciarán