Archived topic
Style of Split Header in three Sections
3 replies · Started by Jacob on February 28, 2018
Hi Tom & Leo,
I have merged the page header and content in order to alter the space between the main nav and the content. Further, I have split the header in 3 sections in order to use the space between the page logo and the right widget.
Now to the problem: I want to have the images I have put in "grid-33 header-center" to be larger. Since the content (search field) of the "grid-33 header-right" is aligned to the right, there is still some space I want to fill with enlarging the images of "grid-33 header-center"(by adding CSS: .header-center {
width: XY%;}), but the content of "grid-33 header-right" then moves to the next row.
How can I fix the content of "grid-33 header-right" in the same row, by allowing the content of "grid-33 header-center" to overlap into the space of "grid-33 header-right" which has much space left on its left side?
Thanks for your help!
Hi Jacob,
If I understand correctly, you can just adjust the grid so they aren't just 33% each.
Maybe try 25-50-25?
You can do whatever combination you like. Just make sure they add up to 100 :)
Hi Leo,
That worked perfectly. Thank you.
No problem :)
