Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 3, 2018 at 4:39 am #980379
    tonyska

    Hello! I know there is the Header Phone Number/Extra Info for adding an email address and/or telephone number to the header.

    However, I would like it to appear near the top of my page, right under the slider, on mobile browsers only. Usually customers who come to visit have our site on their phone and want to call us when they are nearby, I’d like to make it as easy as possible to reach us.

    Is there a way to make that menu appear on mobile browsers only? I have a lot of media queries already set up in my CSS, I would have no problem putting it in there but I am not sure if it can be done, and/or which selectors to choose to modify.

    Thanks!

    July 3, 2018 at 1:56 pm #980565
    Rikard

    Hey tonyska,

    Add the phone number then try this in Quick CSS:

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

    Best regards,
    Rikard

    July 3, 2018 at 3:17 pm #980608
    tonyska

    Actually I figured it out! I used a single button from a button row, added a custom link to a “tel:” and modified its screen options so that it only shows up on small screens. Works and looks great, better than a menu bar. Easier to touch!

    July 4, 2018 at 7:06 am #980940
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing :-)

    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.