• Resolved Jaimi010

    (@jaimi010)


    Hi,

    On my website I have added your responsive menu, and it works like a charm!
    There is one thing tho, that I cannot seem to solve:

    The sizing and location of the menu-button is completely depending on the screen-size of the mobile device.

    On my Sony Z3c it shows perfectly(as that was my test-screen), but when I use a tablet or phone with a bigger screen the button scales to a bigger size.
    I have matched the design of the button with my header-image, but since it is not linked in any way, the header image scales down, but the button enlarges when possible.
    Is there a way to make the size the same as this header image?

    https://wordpress.org/plugins/responsive-menu/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor responsivemenu

    (@responsivemenu)

    Hi Jaimi,

    The button shouldn’t be changing size depending on screen size – it would seem you have some conflicting CSS in your theme.

    Can you please provide a URL so I can check.

    All the best

    Thread Starter Jaimi010

    (@jaimi010)

    Hi Thanks for the response.

    The button that is generated from the plugin is working correctly btw:
    I give it a size and it stays the same on every screen indeed.

    It is when I replace the generated one with an image.
    My header image scales down, no matter what screensize.
    The image tho, will not since it is not linked.

    So this is not a thing the plugin is doing wrong, but something I hope you know how to tackle.

    ANY suggestion is welcome.
    The domain is http://www.thebootarchive.com, and I was trying to line the button with the header-logo on different screensizes.

    Plugin Contributor responsivemenu

    (@responsivemenu)

    Hi there,

    Ok I see the issue.

    Can you try adding the following to your themes style.css file and see if it works:

    #click-menu #RM3Lines,
    #click-menu #RMX
    {
        width: 100% !important;
    }
    
    #click-menu
    {
         height: 50px !important;
         width: 50px !important;

    You can obviously change the height and width as required.

    Let me know if it works!

    All the best

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

The topic ‘Not wanted Menu-button scaling’ is closed to new replies.