Secondary Menu Placement change

  • Resolved nsblue

    (@nsblue)


    4 years ago

    I am using a staging site to play with some changes members wanted.

    What I am needing is a way to place the blue secondary menu under the lighthouse (site-wide banner) instead of on top where it is now.
    I realize this is a CSS code that can be placed in the Custom CSS. I have a code for placing the Primary menu there… but just am coming up at a loss what exactly changes in all of it to change it for the secondary menu

    Here is the code I had used for the primary menu change

    @media (min-width: 1200px) {
nav#nav-main {position: absolute;bottom: -420px;margin: auto;width: 100%;}
.wrap.contentclass {
    padding-top: 80px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
nav#nav-main {
position: absolute;bottom: -360px;margin: auto;width: 100%;
}
.wrap.contentclass {
    padding-top: 80px;
}
}

    Wondering if any one might be able to help me with the code change I need to place the secondary menu under the lighthouse image.

    Thank you for your time.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • hannah

    (@hannahritner)

    Hey,
    Thanks for reaching out! Try using css like this:

    @media (min-width: 1200px) {
section#cat_nav {
    bottom: 0;
    position: absolute;
    margin-bottom: 100px;
}
}

    Let me know how that works for you!

    Kindly,
    Hannah

    Thread Starter nsblue

    (@nsblue)

    Thank you Hannah,
    I placed what you have into simple css and it placed the menu down into the first paragraph of the post. I tried altering the 100px and it was a no go, not sure if there is a number to change or another add? I placed the top like the other menu thinking well maybe… nope …. nada.

    here’s what it looked like when putting in the code above…
    to sample

    • This reply was modified 4 years ago by nsblue.
    • This reply was modified 4 years ago by nsblue.
    hannah

    (@hannahritner)

    Hey,
    It looks like you’re using a sticky menu now. Are you still wanting the menu below the hero image?

    Best,
    Hannah

    Thread Starter nsblue

    (@nsblue)

    I apologize Hannah, I had forgot to come bac and mark this post closed.

    When I had did the latest WP update in having the CSS plug I was using stopped; it was a plug that has been around but no updates or movement on their forum for over a year. It was a quick maneuvering to get the main line menu up to snuff again since I had used the CSS you had shared to place the main menu under the site wide banner to help alleviate scrolling.

    While digging through plugins I had come across a post about the WP sticky. Once again knowing I needed CSS dug into plugs further, found simple CSS and then tried sticky menu and bam YAY it solved the problem.

    I must say using the sticky menu, I had to learn how to use the web tool on a browser to find what the name of the menu was exactly called. What a learning curve!! but grateful I used the resources available to learn. It certainly opens my eyes to more of wordpress and how it functions.

    So grateful for all your work here and your experience in helping us newbies.

    I will mark this topic resolved now.

    Thank you once again Hannah for all you do!

    Melanie

    hannah

    (@hannahritner)

    Always happy to help:)

    Best,
    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Secondary Menu Placement change’ is closed to new replies.