Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 6, 2020 at 1:51 am #1170591
    Cloudypro

    Greetings,

    I have succeeded in changing the size of my website logo on mobile devices, however, on Kindle and iPad, the menu and the logo overlap eachother
    Image: https://ibb.co/zJ5t9KR

    How can i change the size of the logo and have it fit without overlapping with the menu, OR, change the menu to BurgerIcon on iPad and on Kindle ?

    Thank you

    January 6, 2020 at 5:26 am #1170625
    Rikard

    Hey Mohamad,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    January 6, 2020 at 2:07 pm #1170695
    Cloudypro

    Dear Rikard
    Thank you for your help

    I already have the following code to affect mobile devices below 767px
    @media only screen and (max-width: 767px) {
    .responsive #top .logo img {
    max-height: 50px!important;
    }}

    When i put your code, it works great on iPad and Kindle, however it also affects everything below 767px devices.

    Is there a way to use your code on devices that are above 767px and max 1024px ? and keep my code working on mobile devices that are not iPad and Kindle ?

    Thank you very much

    January 6, 2020 at 5:13 pm #1170784
    Yigit

    Hi,

    You can change your code to following one

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Yigit

    January 6, 2020 at 9:33 pm #1170843
    Cloudypro

    THANK YOU !!!
    Worked perfectly !

    January 6, 2020 at 9:51 pm #1170844
    Yigit

    Hi,

    Glad we 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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change Size of Logo on Ipad and Kindle Only !’ is closed to new replies.