Add menu to header

  • Resolved Ripple Web Design

    (@ripple-web-design)


    7 years, 3 months ago

    I would like to add the main navigation menu to the header to the right of the logo. I have been able to add it below the logo, above the header and below the header, but not IN the header. Any suggestions?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Ripple Web Design

    (@ripple-web-design)

    Okay, I managed to:
    -change the background colour of the site-header-main area,
    -add a soliloquy slider (thanks to Barbi Atkinson at Soliloquy),
    -and move the menu above that.

    I have pasted my header.php here. Hopefully this is helpful. https://pastebin.com/hYG77gRM

    Now I am trying to centre the nav menu within the site-header-main space.

    Maybe just add an align to the div?

    Go from this:
    <div id="site-header-menu" class="site-header-menu">

    to this:
    <div align="center" id="site-header-menu" class="site-header-menu">

    It just may be that simple?

    Thread Starter Ripple Web Design

    (@ripple-web-design)

    Thanks for your reply nahtee! I used this css and it worked:

    ‘#site-header-menu {
    margin-left: auto;
    margin-right: auto;
    }’

    Of course, after that I changed my mind and moved it back to the left beside the logo. To do that I used this css:

    ‘#site-header-menu {
    background-color: #329998 !important;
    margin-left: 10px;
    margin-bottom: 4px;
    font-size: 18px;
    border-bottom: 2 px solid #ffffff;
    }’

    Thread Starter Ripple Web Design

    (@ripple-web-design)

    All good now.

    Glad you’re all good! I would’ve given you that CSS option (and maybe I should’ve), but it seems like every time I post a CSS solution, the OP wants to mess with the code instead. LOL

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add menu to header’ is closed to new replies.