[Resolved] 3rd menu styling help (call button on wpmenu)

[johnaps]

Hello, i saw from other threads how to create a 3rd menu location and with a custom hook i placed in inside_navigation

as you can see in the following image i have with some basic css in the browser placed it where i want it in desktop view.

View post on imgur.com

But i would want you to help me with the full needed css on how it ll look on all media…
The button i want it to look similar to my other menu buttons, and in mobile view i guess for it to be next to my primary and horizontally scrollable menu, as it was in the same menu.
In all bigger media screens i want it to have the fixed location under my hamburger menu like in the image.

Of course i want for not anything to break or fall out of line, cause i have worked very hard to make my header look good on all my pages and all my media…

Any suggestion are more than welcomed! Thank you in advance!!!

[Tom]

Hi there,

It may actually be better to just add the menu item to your existing menu.

Then, you can give it a custom class:

With that custom class, you can do this:

@media (min-width: 769px) {
    .main-navigation li.my-custom-class {
        position: absolute;
        left: 0;
    }
}

Let me know 🙂

[johnaps]

it worked!! thank you very much, i only changed position: fixed because with absolute it fell right on next menu item

[Tom]

Glad it worked! 🙂

[Author]

Posts