Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 29, 2018 at 12:32 pm #934757
    JantienM

    Hi,

    In my hamburgermenu that appears on small screens the home icon I use does not vertically align correctly. It should be a few pixels up. I will add the url.

    Hope someone can help me with this.

    Thanks!

    March 29, 2018 at 11:04 pm #935041
    Basilis

    Hey JantienM,

    The icon is positioned wrong, we have to use it before the first element.
    Can you give us backend access so we can change it?

    Best regards,
    Basilis

    April 3, 2018 at 10:09 am #936418
    JantienM

    Hi Basilis,

    Thanks for your reply. I use this code as navigation label in my menu:

    [av_font_icon icon='ue821' font='entypo-fontello' style='' caption='' link='' linktarget='' size='25px' position=" color=''][/av_font_icon]

    Maybe the problem is located and can be fixed there?

    If you need more access I will make login to to the backend for you.

    Thanks!

    April 3, 2018 at 1:37 pm #936542
    Victoria

    Hi JantienM,

    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 #wrap_all .av-logo-container, 
  .av-burger-menu-main.menu-item-avia-special a,
  #menu-item-search a {
    height: 80px !important;
    line-height: 80px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 3, 2018 at 1:52 pm #936549
    JantienM

    Hi Vicoria,

    This code has some effect, but not what i need…

    When i put the code in the custom CSS it effects the height of the header which is not what I want. I want the home icon in my menu to be correctly aligned which is not the case right now.

    Hope you can help me out a bit further, thanks!

    April 4, 2018 at 7:04 am #936961
    Victoria

    Hi JantienM,

    Could you please attach a mockup of what you’re trying to achieve? What is the correct alignment for you?
    Could you please attach some screenshots of what it looks like on your end?

    Best regards,
    Victoria

    April 4, 2018 at 10:17 am #937054
    JantienM

    Hi Victoria,
    In the image you see how the menu looks on a mobile screen. As you can see the home icon is positioned too low.
    Thanks

    April 4, 2018 at 2:40 pm #937191
    Victoria

    Hi JantienM,

    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: 1024px) {
 #top #wrap_all .av-burger-overlay li.current_page_item.current-menu-item.menu-item-61 a {
    height: 65px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 4, 2018 at 2:47 pm #937193
    JantienM

    Hi Victoria,

    I tried adding it both to the Quick CSS field and the custom.css files, bt there isn’t any effect. Sorry. Any other ideas?

    Thanks for your help!

    April 5, 2018 at 11:41 am #937629
    Victoria

    Hi JantienM,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    April 5, 2018 at 12:05 pm #937650
    JantienM

    Yes!

    April 7, 2018 at 9:41 am #938583
    Ismael

    Hi,

    We added the following css code in the Quick CSS field.

    @media only screen and (max-width: 768px) {
    #top #wrap_all #av-burger-menu-ul > .menu-item-61 .av-icon-char {
        top: -20px;
        position: relative;
    }
}

    Best regards,
    Ismael

    April 9, 2018 at 1:13 pm #939153
    JantienM

    Thanks a lot Ismael! That works great!

    April 9, 2018 at 1:53 pm #939189
    Victoria

    Hi JantienM,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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