• Resolved sorro445

    (@sorro445)


    Hi,

    could you let me kow how to center the dropdown menu to its parent item? I am talking about the whole dropdown box, not only the dropdown text. I would like it to look like here: [ redundant link removed ]

    Thank you for your help.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter sorro445

    (@sorro445)

    I think I got it! Maybe you could let me know if this is correct:

    `.sf-menu ul{
    left:50%;
    margin-left:-100px;
    }

    .sf-menu.sf-menu-normal > li > ul::before{
    left:50%;
    }

    Thanks!

    Hello,

    your link doesn’t seem to be working. Can you check it and repost so that I can see the CSS take effect on your menu?

    -Kevin

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    sorro445 Your topic was archived as spam but it’s been restored now. Also your link is not working.

    Thread Starter sorro445

    (@sorro445)

    Hi,
    thank you!
    The link I provided is not my page, I only used it to describe how I want my dropdown menu to look. The link is working for me – perhaps because it is the EU version?

    But you can find a similar dropdown menu here: [ redundant link removed ]

    I thought I had figured it out with my css, but it’s not working the way I would like to. I have two dropdowns, and I want bothe of them centered to their parent item. The parent items have different lenghths though, one is “SHOP” and one is “PRODUCTS”, and I still want each dropdown right in the middle of the word “SHOP” and “PRODUCTS”.

    Thanks!

    Hey,
    Is it not possible for you to post a link to your own site?

    Thread Starter sorro445

    (@sorro445)

    Hello,
    thank you for your reply. My site is just in development stage and not open to public yet, that’s why I don’t want to post it here…

    hannah

    (@hannahritner)

    Hi @sorro445,
    Can you send a screenshot? It’s really hard to know the exact css without knowing how you have your menu set up.
    You can use this to send a screenshot: https://postimages.org/
    Thanks!

    Hannah

    Thread Starter sorro445

    (@sorro445)

    Hi,
    here are two screenshots:

    https://postimg.cc/image/w2gng67s1/
    https://postimg.cc/image/imtmqc9gh/

    I have the standard header with main menu rightside, and two parent items have drop downs that are currently left aligned, and I would liike the complete green menu box centered underneath “Shop” and “Products”.

    Thanks!

    Hey,
    In your theme options > custom css add this css:

    .sf-menu.sf-menu-normal>li>ul {
        left: 50%;
        margin-left: -100px;
        width: 200px;
    }
    .sf-menu.sf-menu-normal>li>ul:before {
        left: 50%;
        margin-left: -6px;
    }

    Ben

    Thread Starter sorro445

    (@sorro445)

    Perfect! Thank you so much for your outstanding support!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Centering dropdown menu’ is closed to new replies.