Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1021987

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

    #1022146

    Hey Fiona,

    Where can we see the element in question?

    Best regards,
    Rikard

    #1022449

    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

    #1022602

    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

    #1022682

    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

    #1022884

    Hi,

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

    Best regards,
    Jordan Shannon

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

The topic ‘Show Top Bar on Mobile ONLY’ is closed to new replies.