Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • May 2, 2020 at 1:08 am #1209016
    thatguyjonny

    Hello,

    I am looking to adjust the spacing on the submenu items on my site. having a bit of trouble. can you please look at the URL and provide a few suggestions? you’ll see how they are a bit crammed together.

    Thanks

    May 3, 2020 at 12:25 am #1209180
    Nikko

    Hey jonnycuest,

    Go to Enfold > Advanced Styling > (Select an element to customize) set to Main Menu sublevel Links and click Edit Element button.
    Set the Main Menu sublevel Links Line Height and that should be fixed.

    Best regards,
    Nikko

    May 6, 2020 at 6:40 pm #1210413
    thatguyjonny

    Thanks Nikko,

    I have done so but nothing has changed. I have cleared caches for the site and my browsers, etc.

    Can you have another look and let me know if there’s anything else you can recommend?

    May 6, 2020 at 10:32 pm #1210509
    Jordan Shannon

    Hi,

    Add this to quick css:

    .sub-menu li{
padding:5px 0!important;
}

.sub-menu li a{
line-height:18px!important;
}

    Best regards,
    Jordan Shannon

    May 6, 2020 at 11:12 pm #1210529
    thatguyjonny

    Thanks Jordan,

    I have done so. Unfortunately, nothing has changed.

    Can you take another look?

    Thanks,
    John

    May 6, 2020 at 11:16 pm #1210535
    Jordan Shannon

    Hi,

    Did you add my code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    May 7, 2020 at 12:18 am #1210553
    thatguyjonny

    Hey Jordan,

    I added it to the top and cleared the site cache and browswer caches multiple times.

    Any further thoughts on this?

    This is specifically sub menu items that are wrapping to the next line but are way too close to each other. Just making that clear in case.

    Thanks

    May 7, 2020 at 12:18 am #1210554
    thatguyjonny

    honestly if you could give me a way to make the sub menu a little longer that might fix it if nothing else does

    May 7, 2020 at 12:23 am #1210556
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-main-nav ul.sub-menu{
width:308px!important;
}

    Best regards,
    Jordan Shannon

    May 13, 2020 at 6:20 am #1212492
    thatguyjonny

    Thanks Jordan,
    I’m still not getting any changes. Can you take another look? Maybe something is overriding it?

    May 13, 2020 at 6:25 am #1212495
    Jordan Shannon

    Hi,

    Please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    May 13, 2020 at 6:29 am #1212497
    thatguyjonny

    Thanks!

    May 17, 2020 at 3:06 am #1213699
    Jordan Shannon

    Hi,

    Apologies for the delay. I did a cach clear and I’m currently seeing the menu at 308px like the css:

    https://snipboard.io/JYL6Dm.jpg

    Best regards,
    Jordan Shannon

    May 18, 2020 at 9:47 pm #1214125
    thatguyjonny

    Hi Jordan,

    I am not seeing any change. The menu under Who We Help (see screenshot at https://snipboard.io/PKC8Jp.jpg) is still not line-breaking and the text for each selection is stacked too close.

    Can you send me a screenshot of what you are seeing?

    I have cleared my cache, tried multiple browsers, etc. and am not seeing the change.

    Thanks

    May 23, 2020 at 2:37 pm #1215472
    Victoria

    Hi jonnycuest,

    Here is how I see it:
    Image 2020-05-23 at 15.36.13.png

    What is the screen size that you’re looking at?

    Is this the desired look?

    Best regards,
    Victoria

    May 26, 2020 at 11:58 pm #1216724
    thatguyjonny

    Thanks Victoria,

    I have tested this one many different browsers, sizes, etc. and it is still showing with the two lines. please see Snipboard below:

    June 3, 2020 at 3:13 pm #1219097
    Ismael

    Hi,

    Sorry for the delay.

    It doesn’t look like that on our end. However, we noticed that the line under the active menu item is out of alignment. You can use this css code to fix it.

    .avia-menu-fx {
	display: none !important;
}

.html_header_top .header_color .main_menu ul:first-child > li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
	border-top: 0;
	z-index: 1000;
}

.html_header_top .header_color .main_menu ul:first-child > li > ul.sub-menu {
	border-top: 1px solid;
	margin-top: 1px;
}

    Best regards,
    Ismael

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