Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 18, 2015 at 8:21 pm #475296
    tremblayly

    HI
    I use a mega menu for my shop. When I look at the mega menu menu links they are lined up. When I hover over the link, it’s positioned higher a does not appear lined up with the left arrow. I can’t find the CSS element where I can make the adjustment. Can you please help with lining the menu selections when hovering over them.
    Thanks
    Lyse

    July 18, 2015 at 8:22 pm #475297
    tremblayly

    Sorry forgot to include the website link:
    http://www.herbalhealinginc.ca/

    Lyse

    July 20, 2015 at 7:04 am #475574
    Rikard

    Hi!

    You have something like this in your child theme CSS file, please remove line-height: 1em;

    #top #wrap_all .av-main-nav ul > li:hover > a {
  line-height: 1em;
}

    Cheers!
    Rikard

    July 21, 2015 at 9:03 pm #476722
    tremblayly

    Hi Rikard,

    I have the following CSS for my mega menu:

    #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul {
    background-color: #f8f8f8;
    border:hidden;
    color: #cc6600;
    font-size: 12px;
    line-height: 1em; (I removed the line-height element and nothing changed)
    }
    I tried adding your CSS code and nothing changed.

    Thanks
    Lyse

    July 22, 2015 at 6:54 am #476881
    Rikard

    Hi!

    No adding the CSS will render the exact same problem you had before, please try to remove the line or set the value to the same height as the non-hover state.

    Best regards,
    Rikard

    July 22, 2015 at 3:03 pm #477102
    tremblayly

    Hi Rikard,
    I’m sorry, but I’m confused with your code suggestion. Here’s the CSS code I have in my stylesheet where I use the line-height element exactly with the same (and I see no change with to my issue):
    #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul {
    background-color: #f8f8f8;
    border:hidden;
    color: #cc6600;
    font-size: 12px;
    line-height: 1em;
    }
    #top #wrap_all .av-main-nav ul > li:hover > a {
    line-height: 1em;
    }
    Thanks
    Lyse

    July 23, 2015 at 8:43 am #477560
    Rikard

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    July 23, 2015 at 2:11 pm #477730
    tremblayly

    Sure

    July 28, 2015 at 6:43 am #479454
    Ismael

    Hi!

    You have this code in the Quick CSS field:

    #top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
  color: #ffffff;
  background-color: #CC6600;
  border-color: #cc6600;
  font-size: 12px;
  line-height: 1em;
}

    Remove the line-height property. 

     line-height: 1em;

    Best regards,
    Ismael

    July 28, 2015 at 1:23 pm #479685
    tremblayly

    Hi Ismael,
    Simply removing the line height element does not resolve the issue.
    Here’s a snapshot of what the issue is:
    https://www.dropbox.com/s/sdw5shmasg2ae95/mega%20menu%20alignment.jpg?dl=0

    Thanks
    Lyse

    July 29, 2015 at 8:29 am #480061
    Ismael

    Hey!

    Alright. Did you remove the entire code in the style.css file? I tried to look for it but it’s not there. Please add this in the Quick CSS field:

    #top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
  line-height: 23px !important;
}

    Cheers!
    Ismael

    July 29, 2015 at 1:18 pm #480179
    tremblayly

    Hi Ismael,
    I had removed that CSS code as I did not see any changes so thought it did not work. My apologies for misunderstanding.
    When I added it again, with the revised line-height it worked perfectly.
    Thank you for your patience and support.
    It’s always a pleasure working with you guys.
    Lyse

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mega menu hover positioning’ is closed to new replies.