1. reitano
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 20 April 2015
  5.  Subscribe via email
Hi all.

i have finally purchased Boutique template.
installed and seems working.

now i need to do some mods:

1) resize background on mobile
2) convert static menu with dynamic (like habitat) for following scrolling (damn, i really hate static menus)
3) insert multiple backgrounds with some kind of carousel


and i'm having this issue:
with habitat i have inserted some font-awesome icons on the menu and i can see them from the phone. now i can see icons from computer, but not from the phone.

thanks in advance
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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...
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
so, this is what i see...

i need to fix that
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
from iphone
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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;
}
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok