Menu bar not aligned

  • I am currently building my website on the Moesia theme, but no matter what I try I cannot get the menu icons to align centrally with my logo, please help!

    Here is my website so you can see the problem – https://www.deviousmedia.co.uk

    Any help would be greatly appreciated.

    Many thanks

    Luke

Viewing 4 replies - 1 through 4 (of 4 total)

  • In your theme:
    <div class=”site-branding col-md-4″></div>
    <nav id=”site-navigation” class=”main-navigation col-md-8″ role=”navigation”></nav>
    Try to replace: ‘col-md-4; and ‘col-md-8’ by ‘row’
    In class .site-branding in style.css file replace
    .site-branding{float: left; padding: 40px 15px;} by .site-branding{text-align:center}
    .main-navigation li{replace float:left by display: inline-block;}

    .main-navigation {
    display: block;
    float: left;
    }
    change to
    .main-navigation{ text-align: center; }

    I hope it helpful with you !

    Thread Starter deviousmediauk

    (@deviousmediauk)

    Where in my theme would I find the relevant code to change?

    Many thanks for your help!

    Thread Starter deviousmediauk

    (@deviousmediauk)

    Any help on this would be greatly appreciated ??

    You just need to edit your logo on your PC. Crop it and leave only the text. Now you have a lot of whitespace. Also, the size of that logo file 3000×1000. Obviously, it’s a bit pointless for it to be so big.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu bar not aligned’ is closed to new replies.