A few questions about Menu Options

  • Hi everyone I’m building a website using Astra (which I LOVE) but I have a few questions that you guys perhaps can help me with.

    1. Is it possible to hide the ”Social Media” Icons from the top Menu on DESKTOP only, I love the way the show up on Mobile with the dropdown menu but would only like them to appear on mobile.

    2. How can I change the coloring of the Hamburger? I would like it so that the three lines would be black and the square white/transparent.

    3. Is it possible to make the Desktop menu appear the same way on mobile (without Hamburger Dropdown) if so how?

    Thanks in advance

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • 1) I do not see social icons in your top menu. It can be shown as “Last Item in Menu” using the “Text HTML” or “widget”. You can hide it using media queries. The code depends on how you display the social network icons.
    2) Appearance → Customize → Header → Primary Menu → Toggle Button Style → Minimal

    Thread Starter newuser33

    (@newuser33)

    Thank you! that worked.

    As for #1, I already got the Social Media Icons to be displayed sorry about that, I can see an option that says ”Hide Last Item in Menu on Mobile” But there isn’t one for Desktop?

    It’s only on Desktop that I wanna hide it.

    Try it this way. This will remove the user menu item with icons on devices with a display resolution greater than 768px.

    @media (min-width: 768px) {
     .astra-widget-social-profiles {
         display: none;
     }
}

    Paste this code: Appearance → Customize → Additional CSS
    or

    @media (min-width: 768px) {
     .ast-header-widget-area {
         display: none;
     }
}
    • This reply was modified 4 years, 9 months ago by zabavljaev.

    Hello @newuser33

    You can try reducing the mobile breakpoint to zero or less to help achieve the requirement on mobile devices.

    Here’s a screencast to help you with the same.

    Regards,
    Suman

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘A few questions about Menu Options’ is closed to new replies.