Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 2, 2021 at 2:09 am #1297754
    hacart

    Hi Kriesi team,

    I’ve finally managed to make social icons visible on the mobile version, so to accomplish that I had to activate the main menu social icons, but I really want them hidden. To do so I tried the following code, but it didn’t work at all:

    @media only screen and (max-width: 767px) {
    #header_meta .social_bookmarks {
    display:none !important;
    }
    }

    Could you guys pls help me out with this one?

    Thanks a lot beforehand.

    Cheers,

    h

    May 3, 2021 at 5:43 am #1297853
    Nikko

    Hi Harold,

    Can you try this CSS code instead:

    @media only screen and (min-width:768px) {
  #top nav .social_bookmarks {
    display: none;
  }
}

    Best regards,
    Nikko

    May 3, 2021 at 8:53 pm #1298091
    hacart

    Hey Nikko,

    It did work. Great thanks. However, I’d like to have both the secondary and main menu right-aligned if at all possible, pls?
    A screenshot of how misaligned they look has been attached.

    Thank you in advance.

    Regards,

    h

    May 4, 2021 at 2:39 am #1298109
    Nikko

    Hi Harold,

    Thanks for the screenshot, please replace the last code I gave with:

    @media only screen and (min-width:768px) {
  #top nav .social_bookmarks {
    display: none;
  }

  #top .avia-menu.av-main-nav-wrap.av_menu_icon_beside {
    padding-right: 0;
    margin-right: 0;
  }

  #top #avia-menu #menu-item-2568 a {
    padding-right: 0;
  }
}

    Best regards,
    Nikko

    May 4, 2021 at 3:34 am #1298117
    hacart

    Fantastic!… Looking smarter. Thank you, Nikko.

    Best regards,

    h

    May 4, 2021 at 4:03 am #1298126
    Nikko

    Hi Harold,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide social icons in main menu of desktop version’ is closed to new replies.