Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • May 19, 2020 at 8:36 am #1214224
    Levante Golf

    Hi,

    I´m using the following code in order to round the edges of my drop down menu:

    ul.sub-menu {
    border-radius: 10px;}
    .av-main-nav ul li:first-child a {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    overflow: hidden;}
    .av-main-nav ul li:last-child a {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    overflow: hidden;}

    This works fine for:
    1. First drop down menu
    2. Sub drop down menu with only 2 items

    However for a sub drop down menu with 3 items it doesn´t work. Please see the page link below. Any suggestions would be very much appreciated!

    Many thanks and best regards

    May 24, 2020 at 3:52 pm #1215795
    Victoria

    Hey ProTravelGolf,

    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

    
#top #wrap_all .av-main-nav ul ul {
    background-color: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 25, 2020 at 3:27 pm #1216161
    Levante Golf

    Victoria,

    Thank you for your suggestion however I´m afraid that it didn´t work and the drop down menu is still the same. Any other suggestions?

    Thank you!

    May 26, 2020 at 4:15 am #1216363
    Rikard

    Hi,

    This code works when I check it on your site:

    #top #wrap_all .av-main-nav ul ul {
    background-color: white;
}

    Where exactly did you put it? If you need further help then please include admin login details in private.

    Best regards,
    Rikard

    May 26, 2020 at 9:15 am #1216411
    Levante Golf
    This reply has been marked as private.
    May 27, 2020 at 6:26 am #1216799
    Rikard

    Hi,

    Please try this CSS as well:

    ul.sub-menu li a {
  border-radius: 0;
}

    You might have to remove !important from your current CSS.

    Best regards,
    Rikard

    May 27, 2020 at 8:19 am #1216843
    Levante Golf
    This reply has been marked as private.
    May 27, 2020 at 3:21 pm #1216982
    Victoria

    Hi ProTravelGolf,

    Could you please attach a mockup of what you’re trying to achieve? Maybe we are not on the same page with what we are trying to help you achieve.

    Best regards,
    Victoria

    May 27, 2020 at 4:06 pm #1217005
    Levante Golf
    This reply has been marked as private.
    May 27, 2020 at 6:09 pm #1217088
    Victoria

    Hi ProTravelGolf,

    Do you want them all to have the rounded corners?

    Best regards,
    Victoria

    May 27, 2020 at 6:18 pm #1217097
    Levante Golf
    This reply has been marked as private.
    May 28, 2020 at 3:11 pm #1217377
    Victoria

    Hi ProTravelGolf,

    In this case, it’s better to use the menu item ids to assign the exact behavior.

    Like so:

    
#menu-item-8352 a {
    border-radius: 0px !important;
}
#menu-item-8353 a {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

    border-bottom-left-radius

    Best regards,
    Victoria

    May 28, 2020 at 3:19 pm #1217382
    Levante Golf

    Victoria,

    Perfect! That has worked a treat! Thank you so much!

    Best regards

    May 28, 2020 at 5:38 pm #1217460
    Victoria

    Hi ProTravelGolf,

    Glad we could help :)

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

    June 17, 2020 at 6:13 pm #1223472
    Levante Golf
    This reply has been marked as private.
    June 18, 2020 at 8:33 am #1223614
    Rikard

    Hi,

    You can find the ID of the menu item if you inspect it in your browser (right click->inspect). If you can’t do that yourself then let us know which element you are trying to target and we’ll give you the ID for it. Or maybe you want this CSS to apply to all your menu items?

    Best regards,
    Rikard

    June 18, 2020 at 9:45 am #1223622
    Levante Golf

    Rikard,

    That´s perfect thank you. Great to know how to find the ID regarding different things by inspecting them. That will help going forward!

    Thanks for your help

    June 18, 2020 at 6:24 pm #1223854
    Victoria

    Hi ProTravelGolf,

    Glad we could help :)

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

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