Forum Support

 
Advanced Search


[1]

Offline bluedock
Free Member
Posts: 22
Posted on: 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!
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: 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:


Code:
#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;}
Logged

Offline bluedock
Free Member
Posts: 22
Posted on: 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!
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.017 seconds with 20 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.