[Resolved] How To Display A Custom Menu Horizontally

Home Forums Support [Resolved] How To Display A Custom Menu Horizontally

Home Forums Support How To Display A Custom Menu Horizontally

  • This topic has 6 replies, 1 voice, and was last updated 1 year ago by Darryl.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #204641
    Yomi

    Hi Tom,

    I need some help again with my custom menu. I have tried everything I know but just can’t get it to display the way i want it… I believe it is a css issue

    What I want To Achieve:

    I want to display a “custom menu” in the “above post widget area” that I have created. I want the menu to display horizontally!!

    Below is an image of what I am trying to achieve

    What I want To achieve

    Below is what I have been able to achieve so far

    What I have been able to achieve so far

    This is what I have done so far

    I created a widget area to display in the “before post area” (see the codes I used below)

    This is what I have done so far

    then I created a custom menu and placed a custom menu widget in the widget area

    Image of widget area

    I have tried every css i know but just can’t get it to work

    I tried the one below which worked but it also affected the main primary menu

    .menu li {
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #eeeeee
    }

    Please help!!!!

    #204710
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This is more a question for https://wordpress.org/support/ or http://wordpress.stackexchange.com/ as it doesn’t directly relate to GP.

    When you register your widget, you have <div> in the “before_widget” parameter.

    Change that to something like <div class="my-awesome-widget">.

    Then you can do this:

    .my-awesome-widget li {
        display: inline-block;
        margin-bottom: 15px;
        padding: 10px;
        background-color: #eeeeee
    }

    Hope this helps πŸ™‚

    #204722
    Yomi

    Excellent!!

    Works perfectly as I want it now

    Thanks,

    I am sure something like this will be of help to other users who want to add additional menu spaces or widget spaces on to the generatepress theme

    Just a point of suggestion…. Might be a good idea to create a special add on like that of the plugin “widgets on pages” would increase the flexibility of this powerful theme.

    Thanks very much for the help… much appreciated

    Kind regards

    #204774
    Tom
    Lead Developer
    Lead Developer

    Glad I could help! I agree that this will be useful to other users πŸ™‚

    • This reply was modified 5 years, 5 months ago by Tom.
    #520609
    George

    Thanks, it was useful to me!

    #520863
    Tom
    Lead Developer
    Lead Developer
    #1538492
    Darryl

    Was absolutely help! Thanks Guys!

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