Shape 5

Joomla Templates => Curb Appeal - Club => : bluedock May 23, 2018, 02:19:12 PM

: Centering Main Menu
: bluedock May 23, 2018, 02:19:12 PM

How can I center the main menu?

It is aligned to the left now but I want to center it. It is the only thing I will have in that row.

http://bluedock2.com

Thanks!

: Re: Centering Main Menu
: jonahh May 23, 2018, 06:57:37 PM

Hello,

This is really custom coding request but I quick wrote up the code for you. Just add to your custom.css file:

#s5_menu_inner {
    float: left !important;
    left: 50% !important;
    margin: auto !important;
    position: relative !important;
    width: auto !important;}


#s5_nav li {
    float: left;
    position: relative !important;
    right: 50% !important;}

: Re: Centering Main Menu
: bluedock May 24, 2018, 06:58:59 AM

Thanks so much for the extra effort jonnahh!

Although when I used your code it centered it but created two rows and no matter what modifications I did it never would go back to 1 row.

However, you got my mind moving in the right direction and I found that adding a left margin to the s5_menu worked perfectly.

#s5_menu_inner {
margin-left: 10.5% !important;
}

This is the code I used and it works.

Thanks again!