This topic is: resolved

This topic contains 14 replies, has 4 voices, and was last updated by  Duke 1 year, 4 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #23869

    vCommunity
    Participant
    Premium Member

    How can social media icon place on the right (at the place of search icon) on mobile view? The “Show search icon” in Main Navigation is NOT selected.

    Also, is it possible to change social media icon size?

    Thanks —

    #23870

    vCommunity
    Participant
    Premium Member

    And how to display the social media icon instead of the “share” icon if there is only one social media selected?

    Thanks,

    #23881

    Duke
    Keymaster
    WP Royal Team
    This reply has been marked as private.
    #23890

    vCommunity
    Participant
    Premium Member
    This reply has been marked as private.
    #23900

    Duke
    Keymaster
    WP Royal Team

    Yep, that’s right. Icon size inherits the Menu Font size. Cheers 😉

    #23978

    vCommunity
    Participant
    Premium Member

    Sorry to open this thread again, however there is question about the consistency between desktop and mobile version of the main menu at the main navigation. As of now the main menu is setup with link to homepage of the site (from the menu) but it changed to the “down-arrow” button when viewing on mobile.

    Is there a way to still keep what display on desktop (link to homepage with label “Home” or “Site Title”) when viewing on mobile, instead of the changing to the “down-arrow” button?

    Thanks,

    #23983

    Duke
    Keymaster
    WP Royal Team

    Hi,

    Unfortunately, that could not be resolved, the structure of the mobile menu is different and we can’t alter that with a custom CSS. It needs a custom development, which could not be offered by us.

    Regards

    #23993

    vCommunity
    Participant
    Premium Member
    This reply has been marked as private.
    #24015

    Duke
    Keymaster
    WP Royal Team

    Hi,

    We’ve found a super easy solution with CSS for you, the code was modified in the previous update and I thought it was not possible. Navigate to Appearance > Customize > Additional CSS and add the following snippet:

    .main-menu-container, #main-menu {
    display: block !important;
    }
    .mobile-menu-btn {
    display: none !important;
    }

    Regards

    #24072

    vCommunity
    Participant
    Premium Member
    This reply has been marked as private.
    #24080

    Duke
    Keymaster
    WP Royal Team
    This reply has been marked as private.
    #25164

    Alesa Gawlik
    Participant
    Premium Member

    Hello,

    I too would like to display the social icons (2) instead of the “share” icon for the social menu on mobile. Could you please let me know how to do this?

    Thanks,

    Alesa

    #25167

    vako
    Keymaster
    WP Royal Team

    Hi Alesa,

    Please read the reply of Duke above, there is custom CSS snippet which helps you.

    Regards

    #25168

    Alesa Gawlik
    Participant
    Premium Member

    Thank you for making the response public, however this css just displays the main navigation menu in place of the mobile menu. Not exactly what I’m after. I’d just like to bring the social icons out of the mobile social menu that is created while keeping the regular mobile menu.

    Thanks,

    Alesa

    #25372

    Duke
    Keymaster
    WP Royal Team

    Hi,

    Navigate to Customize > Custom CSS and add this code:

    .main-nav-socials-trigger {
      display: none !important;
    }
    .main-nav-socials {
      display: block !important;
      position: static;
      width: auto;
    }
    .mobile-menu-btn {
      opacity: 1 !important;
    }

    Regards

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.