Tagged: header
Hey guys,
Can you help me with this?
Homepage: http://www.ccyran.com/
I want this header to look the same across all pages. For example, when you click on a portfolio thumbnail, the header isn’t as wide, and the content below is in big margins. I want it to match the same way it looks on the homepage.
So it involves matching the header as shown on the homepage, and shrinking the content margins.
Page example:
What I want to do:
https://ibb.co/mWEjLk
Let me know if this makes sense, thanks!
Hey ccyran,
Try to change your layout from boxed to stretched. Go to Enfold > General Layout > Layout (tab) > set to Stretched Layout, then go to Dimensions (tab), then set Maximum Container width probably around 1600px. Hope this helps.
Best regards,
Nikko
Hey Nikko,
I tried that, but then the content falls apart.
For example, a text paragraph gets extremely long, images stretch out, etc.
And the masonry gallery on my page keeps stretching in width. I had it before so it stays fixed to 4 columns after the browser gets wider, but now that it’s stretched layout, the columns keep tiling (12 column thumbnail, 1 row (does’n’t look good :( )
Any advice?
Thank you,
Chris
Hi,
Sorry for the delayed response, try adding this in Quick CSS:
.responsive .boxed#top,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
width: 100% !important;
max-width: 100% !important;
}
Let us know if this helps :)
Best regards,
Nikko
Hi Nikko,
No worries. It worked!!!! Dude thank you so much. I super super super super appreciate it!