Archived topic
3rd menu styling help (call button on wpmenu)
3 replies · Started by johnaps on February 15, 2020
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.
https://imgur.com/a/e5dOuDD
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!!!
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 :)
it worked!! thank you very much, i only changed position: fixed because with absolute it fell right on next menu item
Glad it worked! :)
