Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 24, 2017 at 10:42 am #881104
    Herbert

    Hi Guys!
    Just created my Website. Works on desktops but when I check the site on a mobile phone the burger menu as well as the search symbole are layered on top of the logo which doesn’t look cool. How can I solve this issue – menu under the logo or whatever…
    Thanks for your help

    November 24, 2017 at 4:26 pm #881277
    Victoria

    Hey Herbert,

    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) {
  .responsive #top .logo img {
    width: 75%;
  }
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
  #menu-item-shop .cart_dropdown_link {
    padding: 0 20px;
  }
  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 0px;
    margin-right: 0px;
  }
  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    padding: 0 0 0 10px;
  }
  .responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
    right: 50px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 24, 2017 at 11:53 pm #881425
    Herbert

    Perfekt Victoria. Thanx a lot works perfect.
    Cheers
    Herbert

    November 25, 2017 at 12:23 am #881430
    Jordan Shannon

    Hi,

    Great! Did you need further help, or shall we close this thread?

    Best regards,
    Jordan Shannon

    November 25, 2017 at 5:51 pm #881686
    Herbert

    Hi Jordon!

    Up to now everythings fine. Pls close the thread

    Cheers Herbert

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