Make Menu full screen on mobile?

Hi,

When the Menu button is pressed (On Mobile device) is it possible to make it stretch to fit the right of the page ? currently its cut just shy of it ?

Also the Menu button moves to the right ? - can it be fixed to the left?

*URL(S) REMOVED*

Thanks

Tom

  • Aicee Taguilaso
    • WordPress Warrior

    Hey Tom!

    Hope you're having a great day! :slight_smile:

    Please look for the following code in your CSS file and replace the 'float: right' and 'width: 75%' to the specific values below:

    @media handheld, only screen and (max-width: 767px)
    .menu-toggle {
    	float: left;
    }
    
    @media only screen and (max-width: 767px)
    .main-navigation li {
    	width: 100%;
    }

    Let me know if this helps! :slight_smile:

    Regards,
    Aicee

  • Aicee Taguilaso
    • WordPress Warrior

    Hi Tom,

    I hope you're doing well today!

    What I meant in my previous post was to replace those values with: 'float: right' and 'width: 75%'
    So the code should be:

    @media handheld, only screen and (max-width: 767px)
    .menu-toggle {
    	float: right !important;
    }
    
    @media only screen and (max-width: 767px)
    .main-navigation li {
    	width: 100% !important;
    }

    If you can just find those values, just replace them with the following and just remove !important. But if not, then, just add the above code in your css file.

    Hope this helps! :slight_smile:
    Thanks!

    Regards,
    Aicee

  • Tom
    • Code Wrangler

    Hi Aicee,

    Thanks that kind of fixed it, still something weird happening on the right side?

    also another issue related to it though the top menu button for some reason moves from the left to the right when it is pressed. is it possible to keep it on the left?

    Thanks

    Tom

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.