1. Carrie Wrigley
  2. Commercial Templates
  3. Sunday, 24 August 2014
  4.  Subscribe via email
Just noticed one more display issue in Habitat. On my homepage slideshow (impactmusic4kids.org, which I've set to 1100x600, 100% off) the slides all display beautifully on my computer, perfectly aligned with the menu and content elements of the site. All of the other pages are likewise aligned and beautiful.

However, if I pull the site up on my iPhone or iPad, the right-hand side of the images displays cut off; also the right-hand nav arrow is cut off. Instead, a long white vertical strip displays under my last menu item. This strip displays whether the device is held in "portrait" or in "landscape" position.

I tried removing a menu item, to see if that would fix the spacing. No, that just left an empty spot at the end of the menu bar - and still showing the white bar to the right, under the menu. I tried resetting the slideshow to 100% on, but did not like that at all on this template, since it threw off the alignment (I like everything appearing within the defined margins on this template. Though I do like 100% on the site I built with Renovate, which is designed that way.)

So what I'd like is for the Habitat slideshow to display on ALL devices the same as it does on my computer - showing the entire image right to left, filling the entire width under the menu bar, rather than covering the right hand portion with white space. Any ideas how to accomplish that?
Accepted Answer Pending Moderation
0
Votes
Undo
Yup, that did it. Thank you! :)
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carrie

To amend this issue could you try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 1080px) {
.content_background {
width: 1080px;
}}


CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • 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.