• Resolved taz1

    (@taz1)


    Hi Takanakui,

    We note that when we set the width trigger to 2000px, the left menu always appears open on page load.

    How can we fix this so that the menu only shows when the ‘hamburger’ icon is clicked? The menu should be hidden every time a page loads, until the ‘hamburger’ is clicked again.

    Many thanks for your support.

    Taz.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    Hi Taz,

    I just checked your website and I’m not seeing it opened.

    Can you try to clear the browser cache. In what browser/device are you experiencing this?

    -Takanakui

    Thread Starter taz1

    (@taz1)

    Hi Takanakui,

    Thanks for your quick reply.

    I had changed the width trigger back to 768, so you could not see it on a desktop. I have now increased the width trigger to 2000 so you should see it.

    By the way, it only happens after a certain screen size. It is fine on mobiles, but the problem can be seen on large tablets, laptops and desktops. This is true for Explorer and Google Chrome browsers.

    Many thanks,

    Taz.

    Thread Starter taz1

    (@taz1)

    Hi mate,

    I cannot believe I managed to fix this myself. The code in bold below was missing. I realised this when I compared the code for the right menu.

    .mob-menu-left-panel{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 300000;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;

    This is resolved ??

    But we do still have an issue where some of the longer names are cut off in the left sidebar menu. Any long names should go onto 2 lines and not be hidden from view. How can we achieve this?

    Many thanks.

    Plugin Author Rui Guerreiro

    (@takanakui)

    try this custom css.

    #mobmenuleft .sub-menu .menu-item>a {
        width: 80%!important;
    }

    Let me know the result.

    -Takanakui

    Thread Starter taz1

    (@taz1)

    Hi,

    Sorry, but that did not work. In fact, it causes the website title to appear in the menu bar and also changes the font of the menu items.

    Any other suggestions?

    Many thanks.

    Taz.

    Plugin Author Rui Guerreiro

    (@takanakui)

    The css I provided can’t affect the website title or the fonts, maybe it was some cache issue.
    Add the css again and purge the browser cache and any cache plugin.

    Check here what happens when I add that rule in real time using the browser inspector.

    https://www.dropbox.com/s/yraefslnqwwkw8m/Screenshot%202017-03-02%2010.10.35.png?dl=0

    ps. If you want me to remove the screenshot from the reply, let me know.

    -Takanakui

    Thread Starter taz1

    (@taz1)

    Thanks. For some reason when I copied your code using a mobile device it converted > to the html format > and so things went wrong.

    Copying and pasting your code on a desktop worked perfectly.

    You are the best dude.

    Thank you ever so much.

    PS. Would be great if you could please remove the screenshot – thanks in advance.

    Plugin Author Rui Guerreiro

    (@takanakui)

    No problem. Glad it’s sorted.
    I can’t edit my previous reply and I just deleted that file from DropBox.

    -Takanakui

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Left menu should not be open on pageload’ is closed to new replies.