Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 12, 2018 at 8:48 pm #911337
    Chrisf64

    Hi,
    On a mobile phone my header and mobile menu look like this:

    But I would like to have it like this:

    Would that be possible?

    Chris.

    February 13, 2018 at 10:56 am #911603
    Victoria

    Hey Chris,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
      top: 62px;
      left: auto;
      right: 40vw;

  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 13, 2018 at 7:38 pm #911871
    Chrisf64

    Hi Victoria,

    Thank you very mutch, works great!!
    Would it be possible to add the word “MENU” after the icon?

    Chris.

    February 14, 2018 at 1:18 am #912004
    Yigit

    Hi Chris,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    li.av-burger-menu-main a:after {
    content: "Menu";
    display: block;
    line-height: 0px;
}

    Best regards,
    Yigit

    February 14, 2018 at 7:31 pm #912431
    Chrisf64

    Hi Yigit,

    I tried the code in Quick CSS and in style.css but no text appears behind the menu icon.

    Chris.

    February 15, 2018 at 6:31 am #912638
    Rikard

    Hi Chris,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    February 15, 2018 at 5:29 pm #912835
    Chrisf64

    Admin login and login URL.

    February 16, 2018 at 1:46 pm #913252
    Yigit

    Hi,

    I added following code to bottom of Quick CSS field

    .av-hamburger strong {
    display: block;
}

    Please review your website :)

    Best regards,
    Yigit

    February 16, 2018 at 7:11 pm #913352
    Chrisf64

    Sorry, but I removed te code. I want the text after the icon not under the icon.
    If this is not possible I leave it this way.

    Chris.

    February 17, 2018 at 7:23 am #913537
    Rikard

    Hi Chris,

    I tried some different solution yesterday but I couldn’t make it look nice unfortunately. If you are ok with leaving the menu like it is then I think your users will understand that the mobile menu is accessible via that icon, it has become web standard more or less.

    Best regards,
    Rikard

    February 17, 2018 at 11:05 am #913607
    Chrisf64

    Hi Rikard,

    Thanks you very much for trying, I like it this way too.

    Chris.

    February 18, 2018 at 10:52 am #913866
    Victoria

    Hi Chris,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.