Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 29, 2019 at 9:24 pm #1114521
    Arthapignet

    Hi,

    I’m trying to move the mobile burger menu to the left side. I’ve tried Mike’s CSS from this link:

    Burger menu to the left

    but it doesn’t work for my site.

    Can you help? Illustration is inside private content.

    Thanks in advance.

    June 30, 2019 at 6:05 pm #1114634
    Victoria

    Hey Arthapignet,

    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 nav.main_menu div.avia-menu.av-main-nav-wrap {
      float: left;
      right: -27px;
  }
}

    But the code will move the search icon and the cart icon there too.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 2, 2019 at 9:23 am #1115098
    Arthapignet

    Hi,

    Sorry, as you can see, it’s very different from the screenshot I sent you. The burger menu should be the first icon from the left side, followed by the logo, and the other icons is on the right side.

    Thanks in advance.

    July 3, 2019 at 8:22 pm #1115564
    Victoria

    Hi Arthapignet,

    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: 479px) {
 #top #my-account-mobile-header:before {
      padding-left: 45px;
  }
  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    left: -85vw;
  }

}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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