More Assistance with Menu (attention Kharis)

Hi There,

I hope you are well.

Kharis kindly assisted me with this coding to get my menu onto one line: How to extend the menu which worked, but now I have changed the menu and now it looks very far left:

Is there any possibility to fit the connect on one line and also center the menu so its in the middle between the logo and the social media icons?

The website URL is: https://leboramokgopa.com/ (Password is: LEBO@2020!)

Your help is always so much appreciated.

Best,
Mel

Hi Mel,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {
        .site-header .site-branding {
          margin-top: -27px;
        }
        .main-navigation ul.menu > li {
          padding: 0 5px;
        }
        .main-navigation ul.menu > li:first-of-type {
          padding-left; 5px;
        }
    }

Regards,
Kharis
aThemes Support

Hi Kharis thank you so much :slight_smile:

It definitely put everything on one line thank you for that :wink: just one last question, is there a way to centre it more so it does not sit on top of the logo?

Thank you so much Kharis

Best,
Mel

Hi Mel,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {
     .site-header .menu-menu-container {
        width: 100%;
      }
      .site-header .main-navigation ul#primary-menu {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .site-header .col-md-6 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;    
      }
      .site-header .contact-us.col-xl-2 {
        -ms-flex: 0 0 0;
        flex: 0 0 0;
        max-width: 0;
        display: none;
      }
    }

Regards,
Kharis
aThemes Support

Hi Kharis

Yesssssss this worked :slight_smile: thank you so much, really very much appreciated

Best,
Mel

1 Like

You’re welcome Mel!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support