Logo & Main Menu Position « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Logo & Main Menu Position

3 posts from 2 voices

Tags:

RSL
Member

Hi,

What CSS do I need to centre the logo & have the menu centred below it?

Thanks

Posted 10 months ago #
Ismael
Moderator
Hi RSL,

Just add this code to your Quick CSS:

For the logo to be centered:
```
h1.logo {
   left: 50% !important;
   margin-left: -59px !important;
}
```
Just adjust the margin-left value(to negative 50% of the actual width of the image, in this example, the width of the image is 118px)

For the menu:
```
.main_menu {
   margin-left: 260px;
   position: relative;
   top: 0;
}
```
If this doesn't work, try to use this code instead:
```
.main_menu {
   margin-left: 260px !important;
   position: relative !important;
   top: 0 !important;
}
```
Just adjust the margin-left value, to make sure it is centered, we can't center the menu automatically, so just adjust it so it can be centered. Hope this helps. :)

Regards,
Ismael
Posted 10 months ago #
RSL
Member

Hi,

Thanks for the reply, it helped but I had to change the 'px' values to '%' values otherwise in a resized browser the responsiveness would mess everything up.

This is what worked for me:

For the logo:

h1.logo {
left: 50%;
margin-left: -82px !important;
}

& the menu:

.main_menu {
position:relative;
right:-27%;
top: 0;
}

It's resolved now. Thanks

Posted 10 months ago #