Float Submenu Right

[athena.mekis]

Hi,

I have 20 items within a submenu. How do I wrap/position the ul li list so 10 items align left and 10 align right? The code below is not correct but what I’m working off of. I am aware the menu subitem also offers a class option if I need to use it.

.nav ul li ul li ul li {
width: 50%;
float: left;
padding: 0 0;
text-decoration:none;
border: none;
}

http://www.athenamekis.com/rfmacdonaldco/

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Dave

[athena.mekis]

Image Link: https://imgur.com/uMlw9CR
Direct Link: https://i.imgur.com/uMlw9CR.jpg

The image shows three ul lists. The third list is 20 items long. I would like to make two columns so that all items are shown without having to scroll down.

I know the code involves .nav ul li ul li ul li, but I am unsure how to move the items over. I hope you can assist.

Thank you.

[Sonnal S Sinha]

Hi,

Your website is not opening therefore we are unable to check the issue.

Regards,
Dave

[athena.mekis]

Dave, The new website URL is www.rfmacdonald.com.

I have 20 items within the “Products > Pumps > By Type” submenu. How do I wrap/position the ul li list so 10 items align left and 10 items align right? I believe I’m supposed to work off of the navigation tag below:

.nav ul li ul li ul li {
width: 50%;
float: left;
padding: 0 0;
text-decoration:none;
border: none;
}

Imgur Image Link: https://imgur.com/uMlw9CR
Imgur Direct Link: https://i.imgur.com/uMlw9CR.jpg

Thank you.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header .header-inner .nav ul li ul li a { padding-top:2px; padding-bottom:2px;}

Regards,
Dave

[athena.mekis]

Dave,

This is a perfectly fine solution.

Complete. Thank you!

[Sonnal S Sinha]

🙂

[Author]

Posts