[Tom]

Is it possible to make the width of the presentation page flexible???

I love the tempera theme, now the only problem I got is that its responsiveness has the width issue with the presentation page of the theme.

I also tried it out on different cellphone/smartsphone/I-pad (what-have-you) simulators, and the staticness (in width) of the presentation page just has the flaw that you get the horizontal scollbar on the bottom 🙁

If the presentation page’s width could be made flexible, to adjust til it hits the max with of 800 (…), the theme would be perfect.

[Kay]

Actually the presentation page is fully responsive. If you get the horizontal scrollbar you may be using a faulty plugin. Please disable all plugins for a moment and check the responsiveness then.

Also, a link to your site would help a lot.

---

Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.

[Tom]

Hi Kay, thanks for your reply! I really love the theme!!! This is the link http://jamali.info/simorgh/. Tried the plugins. Maybe the right to left causes the problem.

[Namae]

Actually I’ve had this issue as well on a local site in English (so left to right).

I fixed it with custom css:
#header-full,#footer{width:100%;min-width:100%;}
#header,#main,#topbar-inner{width:90%;max-width:1150px;}
#access,#branding{width:100%;}
#bg_image{width:100%;height:100%;}
#toTop{bottom:45px;}
.slider-wrapper{width:100%;}
#slider{width:100%;}

I haven’t tested compatibility with anything but Firefox 26, so keep that in mind 🙂

[Tom]

Hey Namae,

wow that’s awesome. Works perfectly! Thanks so much for that great piece of CSS!

[Namae]

Good to hear, since I haven’t tested it on any other browser or device since then 🙂
Custom CSS is overridden by the mobile rules, meaning it shouldn’t break responsiveness.

What Tempera was lacking is fluidity, that’s where our problem came from 🙂

[Name]

Also you probably want to replace the 1150px with 1050px in the set of rules, because you modified the width and your site uses 1050 😉

[Author]

Posts