Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 16, 2018 at 4:52 pm #942649
    sjidesign

    Hi guys

    I am using the social icons in header.
    I have the logo left, menu right and social icons above the menu.
    It is working as expected on pc/laptop but I cannot get the social icons exactly right on a tablet/mobile.
    I want the social icons and the burger menu at the very right edge of any screen size, we can reduce the size of the icons on mobiles if needed.

    I have put my demo site link and a screenshot of what I want it to look like on a mobile in the private area.

    Many thanks in advance

    Dan

    April 17, 2018 at 7:21 am #942972
    Rikard

    Hey sjidesign,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks {
    right: -60px !important;
}
}

    Best regards,
    Rikard

    April 17, 2018 at 12:51 pm #943070
    sjidesign

    Hi Rikard

    Works perfectly, thank you very much. It is really appreciated.

    Thanks again

    Regards

    Dan

    April 18, 2018 at 6:33 am #943424
    Rikard

    Hi Dan,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.