Move menu next to site logo

  • Resolved jonnym

    (@mycomphub)


    7 years, 10 months ago

    Hi,

    I am looking to move the menu of my website next to the logo instead of below. My site is mycomphub.com.

    Would you be able to provide the CSS I need?

    Many thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello mycomphub,

    Add below css code into your current active child theme’s style.css file or you can add it additional css option into theme customizer.


    .site-header {
    width: 30%;
    float: left;
    }
    .main-navigation-container {
    width: 70%;
    display: inline-block;
    }
    @media (max-width:980px){
    .site-header {
    width: 100%;
    float: none;
    }
    .main-navigation-container {
    width: 100%;
    display: block;
    }
    }

    Hope this will helps you.

    Thanks!

    Thread Starter jonnym

    (@mycomphub)

    Hey

    That worked perfectly, thanks a lot!

    Thread Starter jonnym

    (@mycomphub)

    Worked well on my laptop screen but I have just checked how it works on different screen sizes and it doesnt render correctly. Any chance you could take a look?

    https://quirktools.com/screenfly/#u=http%3A//mycomphub.com/&w=1920&h=1200&a=1

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move menu next to site logo’ is closed to new replies.

Tags