Tagged: boxed layout, stretched layout
Hello. I am redesigning our site and was thinking of switching to a boxed layout. I switched the setting to Boxed from stretched and then decided against it. After changing back to stretched the header inner container, content, and footer are all the same width as the boxed layout. It has completely messed up the sizing of all of my text, images, and sliders.
Update: I was able to stretch the width of the page, but now it is too large. I would like for the container max to be 1310px, but for some reason it is consistently larger than that and varying with screen size. This has also made my responsiveness on ipad screwed up.
Update V2: It looks like I solved my width problem for now but still having major issues on ipad. Both portrait and landscape layouts have non functional menus. It looks like the menu is shifted to the right for some reason. Also the iphone portrait layout is cutting off our logo.
Hey!
Please disable CSS minifying feature and flush browser cache and refresh your page a few times.
Best regards,
Yigit
Thank you! I don’t know why I didn’t think of that. I disabled minify and flushed my cache. That along with some css edits have solved almost everything. The only remaining issue is the menu is not being responsive soon enough. Smaller desktop screens and ipad screens are still cutting the menu in half. Any ideas?
Hi!
Hmm, line 27 in your grid.css file should look like this.
.inner-container{ position: relative; height:100%; width:100%; }
Yours has a px value set though. Try adding this to your quick CSS.
.inner-container{ position: relative; height:100%; width:100% !important; }
Best regards,
Elliott