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

Home Forums Support 3rd menu styling help (call button on wpmenu)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1165984
    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!!!

    #1166369
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #1167946
    johnaps

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

    #1168223
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.