Your Time:
Our Time:
← Back to discussions

Make drop down Nav Menu Horizontal

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 14 replies, 4 voices, and was last updated 6 years, 7 months ago by Asiya Fatima.

  • 2019-11-27 at 6:11 pm
    Unknown Support Status
    #26272
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39

    Hello,

    I am currently using the Fixed header but the drop down menu under navigation is vertical like in a list format.
    I want to make the items in the drop down menu horizontal with a white full white background.

    Kindly assist on this

    2019-11-27 at 6:17 pm
    Unknown Support Status
    #26273
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39

    I want my menu drop down to be like this – null

    • This reply was modified 6 years, 9 months ago by nwadike3.
    2019-11-28 at 12:39 pm
    #26295
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Sorry, currently the feature of horizontal menu is not possible. we will see if it’s possible to do and let you know.

    2019-11-28 at 2:07 pm
    Unknown Support Status
    #26296
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39

    Hi,
    there must be something you can do.

    checkout this css code, it made it horizontal but not like the sample in the image. Kindly try working on this more.

    .sf-menu ul{
    background-color: #ffffff;
    box-shadow: 0 1px 5px
    rgba(0,0,0,0.15);
    display:flex;
    width: 70vw;
    height: 40px;
    text-align: center;

    }

    • This reply was modified 6 years, 9 months ago by nwadike3.
    2019-11-28 at 3:13 pm
    #26298
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hellow nwadike3
    For horizontal dropdown menu:
    Goto->appearance->menu->in menu open header page->click on activate mega menu checkbox->click on save menu button. do the same where ever is the dropdown.
    Then you get the dropdown menu horizontal. you can be modified as per your requirement.

    2019-11-29 at 1:30 am
    Unknown Support Status
    #26302
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39

    “in menu open header page->click on activate mega menu checkbox”

    I dont understand this. There is no such option in the menu page.
    null

    • This reply was modified 6 years, 9 months ago by nwadike3.
    2019-11-29 at 10:46 am
    #26306
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hi, nwadike3
    If you can provide us WP Logins of your website with URL then we can take a closer look to set the horizontal dropdown menu. Make sure you set the post as a private reply so that only admin can see your wp-logins.
    Note: Before providing the wp-login to any support staff, kindly please make sure you take a backup of everything including WordPress content, theme options, widgets etc.

    2019-11-30 at 5:15 pm
    Unknown Support Status
    #26314
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39
    This reply has been marked as private.
    2019-12-02 at 11:19 am
    #26322
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hello nwadike3
    Can you please provide the correct password of your website when I am logging the site it’s showing an incorrect password error.

    2019-12-02 at 12:39 pm
    Unknown Support Status
    #26323
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39
    This reply has been marked as private.
    2019-12-02 at 12:54 pm
    #26328
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    I have enabled for manufacturing dropdown. I see that you have add your custom CSS which I have removed it.

    .sf-menu ul{
    background-color: #ffffff;
    box-shadow: 0 1px 5px
    rgba(0,0,0,0.15);
    display:flex;
    width: 70vw;
    height: 40px;
     text-align: center;
    }
    2019-12-02 at 1:12 pm
    Unknown Support Status
    #26330
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39

    The dropdown is not looking nice at at all. the boarder is too big, i also prefer it in white background

    2019-12-02 at 1:13 pm
    Unknown Support Status
    #26331
    nwadike3
    Participant
    • Topics: 4
    • Replies: 17
    • Total posts: 21
    • Post count: 39

    Also let the dropdown take effect on all elements with sub-menus.

    If the style can be Something lyk my previous custom css code but centered, it will like that more.

    • This reply was modified 6 years, 9 months ago by nwadike3.
    2019-12-02 at 3:14 pm
    #26335
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hi, nwadike3
    Whatever we set the mega menu for your theme that’s created on our demo requirements. if you want something else like background-color and border to be small. kindly please you have to add custom properties depend on your requirements.

    2020-02-05 at 11:27 am
    Unknown Support Status
    #26666
    Asiya Fatima
    Participant
    • Topics: 0
    • Replies: 97
    • Total posts: 97
    • Post count: 325

    Due to no response from the last message, we assume the problem is resolved and we consider closing this topic. If you have any further queries related to the same question then please re-open post your question here instead of opening a new topic.

    • This reply was modified 6 years, 3 months ago by Asiya Fatima.
    • This reply was modified 6 years, 3 months ago by Asiya Fatima.

The topic ‘Make drop down Nav Menu Horizontal’ is closed to new replies.