Help Menu and Header Alignment - Post...

User 563328 Photo


Registered User
85 posts

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?
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

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


User 563328 Photo


Registered User
85 posts

I'm such a dork :D

www.frank-kolb-russia.org
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

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?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Well, got it eventually. Insert a clear: both; into the main-styles.css like this:

#header2
{
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


User 563328 Photo


Registered User
85 posts

Inger, that did the trick. Thanks so much. I like your avatar. :cool:

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.