How to center main menu « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Propulsion

How to center main menu

8 posts from 3 voices

Started 3 months ago by qery
Latest reply from Nick
This topic is not resolved

Tags:

No tags yet.

qery
Member

Hi, I removed the logo form the headeк (шт the header.php) and I so I want my main menu centered. Now it is aligned to the right. How can I center it?

Posted 3 months ago #
Dude
Dude

Hi!

Can you post a link to your website please?

Best regards,
Peter

Posted 3 months ago #
qery
Member

Hi, I'm developing locally, you can see what I'd doing by commenting out the echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png'); in the header.php. So the logo is gone, but the main menu is floar:right. Hw should I center it in the container div so that it's centered on the page.

Posted 3 months ago #
Nick
Moderator
Hi,

Try this. Add it please to your Quick CSS located in the backend Propulsion > Theme Options > Styling ... text area at the bottom of the page; or to your /css/custom.css file
```
#top .main_menu {
float: left;
left: 50px;
}
```
Thanks,

Nick
Posted 3 months ago #
qery
Member

Hi, Nick, seems to have no effect. Does it work for you?

Posted 3 months ago #
Dude
Dude
Hi!

You can try to add an important tag to it like:
```
#top .main_menu {
float: left !important;
left: 50px !important;
}
```
If not please set up a test server and we'll investigate the code with Firebug or Chrome dev tools.

Best regards,
Peter
Posted 3 months ago #
qery
Member

OK, the important part helped, so now it is left aligned with a margin of 50px. not centered. Any ideas on how to actually center the menu?

Posted 3 months ago #
Nick
Moderator
Hi,

Please try this:
```
#top .main_menu {
float: none !important;
margin-left:auto !important;
margin-right:auto !important;
}
```
If that doesn't work, then I recommend that you play with the original 50px margin (try 90 or 120) until the visitor would not be able to guess the underlying mechanics used to center the menu. The template was created in a specific way and would require multiple time consuming changes otherwise to center it using a different method.

Thanks,

Nick
Posted 3 months ago #