Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 16, 2018 at 3:13 pm #942600
    lrdh

    Hello,

    I have 2 questions :
    1- On some screen, My menu replace the logo, how can The logo always be there and the menu become smaller

    2- On submenu of “les collections”, on some screen, we can’t see all the product in the submenu, and there is no scroll bar. it there a way to have 2 columms, or to have indepentely of the size of the screen , the full items of the submenu.

    Thanks for your help.

    April 17, 2018 at 6:57 am #942954
    Rikard

    Hey lrdh,

    1. 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;
  }
}

    2. The list is quite long, maybe you could try to make some of the items into sub items?

    Best regards,
    Rikard

    April 18, 2018 at 12:32 am #943314
    lrdh

    For question 2 – i did submenu, but not really convince if my visitor will do it, go down in the menu
    For question 1 : did it, didn’t see any change

    April 20, 2018 at 3:28 am #944387
    Ismael

    Hi,

    Thank you for the update.

    1.) Try to decrease the font size of the menu items and logo’s dimension on mobile view.

    @media only screen and (max-width: 1024px) {
#top #header .av-main-nav > li > a {
    font-size: 14px;
}

.logo img {
    max-height: 80px !important;
    top: 20px;
}
}

    2.) Add an arrow or any symbol beside the parent menu item to indicate that there are available sub menu items.

    .av-main-nav .sub-menu .menu-item-has-children:before {
    content: '>';
    position: absolute;
    right: 10px;
    top: 5px;
}

    Best regards,
    Ismael

    April 20, 2018 at 4:41 pm #944627
    lrdh

    great @ismael – The only weard stuff is for 2- the arrow is on the right but the menu open on left :-) can we change the put the submenu on right ?

    For the 1- i am not convince, but for the moment it is ok. I have a moment where the logo is half hidden before the menu change

    April 24, 2018 at 6:31 am #945683
    Ismael

    Hi,

    Thank you for the update.

    1.) I can’t reproduce the issue on my end. Please provide a screenshot from imgur or dropbox.

    2.) Please use this css code to move the sub menu container to the right.

    #top .av-main-nav ul ul {
    right: -207px;
    top: 0px;
    left: auto;
}

    Best regards,
    Ismael

    May 11, 2018 at 12:34 pm #955233
    lrdh

    @ismael great works very well
    thanks

    May 11, 2018 at 6:17 pm #955388
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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