Float Submenu Right

Home Forums All Other Themes Float Submenu Right

This topic contains 7 replies, has 2 voices, and was last updated by  Forum Moderator 3 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #95331

    athena.mekis
    Member
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: August 15, 2017

    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/

    #95398

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17010
    • Total: 17010
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #95476

    athena.mekis
    Member
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: August 15, 2017

    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.

    #95787

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17010
    • Total: 17010
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #95859

    athena.mekis
    Member
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: August 15, 2017

    Dave, The new website URL is http://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.

    #95932

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17010
    • Total: 17010
    Member since: August 16, 2013

    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

    #96178

    athena.mekis
    Member
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: August 15, 2017

    Dave,

    This is a perfectly fine solution.

    Complete. Thank you!

    #96226

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17010
    • Total: 17010
    Member since: August 16, 2013

    🙂

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.