Help Menu and Header Alignment - Post...
I created my menu using the built-in CSS Menu Designer and it is added to my pages with an SSI. Everything worked correctly until I changed the font size of the menu to make it a little bit smaller for notebooks.
All of a sudden on half of my pages where the h2 header appears (it should be below the menu and centered on the page) it is now showing on the same line as the menu, but only on about half of the pages.
It doesn't make any sense to my why this is happening since all I did was change the font-size on the menu-menu.css
Any insights?
All of a sudden on half of my pages where the h2 header appears (it should be below the menu and centered on the page) it is now showing on the same line as the menu, but only on about half of the pages.
It doesn't make any sense to my why this is happening since all I did was change the font-size on the menu-menu.css
Any insights?
You'll have to let us have a link to your site. Without that we won't be able to help.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
To get the h2 header on it's own line, add a line break in front of it.
However, the centering seems tricky. Is there something in your ssi includes that may prevent it?
However, the centering seems tricky. Is there something in your ssi includes that may prevent it?
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Well, got it eventually. Insert a clear: both; into the main-styles.css like this:
You don't even have to use that line break I mentioned earlier.
#header2
{
clear: both;
color:#B8C99F; font-size:0.812em; text-align:center; margin: auto;
}
{
clear: both;
color:#B8C99F; font-size:0.812em; text-align:center; margin: auto;
}
You don't even have to use that line break I mentioned earlier.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, that did the trick. Thanks so much. I like your avatar.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.