Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 16, 2018 at 6:25 am #1021987
    FionaH

    Hi,
    I am wanting to show the ‘top bar’ with phone number & social icons ONLY on mobile (not on desktop).
    Thanks
    Fiona

    October 16, 2018 at 1:02 pm #1022146
    Rikard

    Hey Fiona,

    Where can we see the element in question?

    Best regards,
    Rikard

    October 17, 2018 at 12:07 am #1022449
    FionaH

    Hi Rikard – sorry I dont understand your question.

    I’m talking about the standard ‘top bar’ in Enfold. You find it at Enfold/Header/Extra Elements/Header Social Icons and Header Phone Number/Extra info. These have an option that says “Display in Top Bar at right” (or left etc)…
    I just want it to ONLY display on mobile.

    Thanks
    Fiona

    October 17, 2018 at 8:04 am #1022602
    Rikard

    Hi,

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

    @media only screen and (min-width: 768px) {
#header_meta {
  display:none;
}
}

    Best regards,
    Rikard

    October 17, 2018 at 11:01 am #1022682
    FionaH

    THANKS! once I removed the (excess) CSS from trying to put a widget on the RHS of the menu it worked perfectly. (Something in that CSS obviously conflicted, but I dont need it any more so better to delete it.)
    Regards
    Fiona

    October 17, 2018 at 4:53 pm #1022884
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Show Top Bar on Mobile ONLY’ is closed to new replies.