Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1176691

    Hi Guys,

    Ive added this following code to add the word menu to the burger menu in desktop view,

    /*————————*/
    /* Add word menu next to hamburger icon
    /*————————*/
    .av-hamburger strong {
    display: block!important;
    position: absolute;
    left: -90%;
    top: 0;
    font-size: 20px;
    transform: translate(-90%, -44%);
    }

    and that is working fine except for a small problem

    In mobile view there is a overlap of the logo and the word menu –

    i think the best solution is to keep the word menu in desktop view – but remove it for mobile views

    can you guys provide me with some css to do this.

    Thanks

    Stewart

    #1177086

    Hey Stewart,

    Please send us a link to where we can see the element in question. If you can’t do that then you can use a media query to specify the code you added above a certain pixel value, for instance:

    @media only screen and (min-width: 990px) {
    .av-hamburger strong {
      display: block!important;
      position: absolute;
      left: -90%;
      top: 0;
      font-size: 20px;
      transform: translate(-90%, -44%);
    }
    }

    Best regards,
    Rikard

    #1177649

    worked perfectly – much appreciated.

    thanks

    Stewart

    #1177658

    Hi,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

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

The topic ‘Hide the word "menu" in mobile view’ is closed to new replies.