Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 3, 2017 at 10:08 am #728888
    wbitsolutions

    I have a website: http://dg.wbit.co.il
    in mobile phone the logo are hover on the menu. how can i fix it – example to remove the logo to the left only on mobile phone or center the logo.

    thanks

    January 3, 2017 at 11:36 am #728921
    Nikko

    Hey wbitsolutions,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .responsive #top .logo {
    width: 100%;
  }

  .responsive .logo a img {
    margin: 0 auto;
    padding: 10px;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    January 3, 2017 at 11:58 am #728935
    wbitsolutions

    Hello
    I tried to add this code but it bot working the logo is still on the menu and the menu

    January 3, 2017 at 3:05 pm #729021
    Yigit

    Hi,

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

    @media only screen and (max-width: 767px) { 
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle {
    left: 0;
}}

    Best regards,
    Yigit

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