not showing on mobile holding vertical – use only on mobile

  • Resolved tmltz

    (@tmltz)


    8 years, 7 months ago

    Hi,

    is there a possibility to just show the contact bar on mobile devices?
    (just figured that one out –> added to style.css –>

    @media screen and (min-width: 800px) {
    #scb-wrapper { display: none; }
    body { padding-top: 0 !important; }
    }

    BUT:

    Also, on my phone (Iphone 6s) the contact bar is not showing when I have it vertical. When I hold it horizontal, then I see the contact bar on my phone.

    Can you help me. That would be really awesome! Thank you!

    • This topic was modified 8 years, 7 months ago by tmltz.
Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Contributor Martin Stehle

    (@hinjiriyo)

    8 years, 7 months ago

    Instead of min-width try the property min-device-width.

    Thread Starter tmltz

    (@tmltz)

    8 years, 7 months ago

    thank you for your quick response! 🙂

    my only problem is that the contact bar is not visible when the smartphone is vertical. when holding it in horizontal (landscape) then the contact bar becomes visible.

    Thanks a lot for helping out!

    Thread Starter tmltz

    (@tmltz)

    8 years, 7 months ago

    It would be really great if you could help me.
    I was looking for exactly this plugin. It’s looking great but it somehow is not working when I hold my phone vertival upright. When I flip it over I see the contact bar. (www.timo-lutz.de)
    Thank you so much.

    Plugin Contributor Martin Stehle

    (@hinjiriyo)

    8 years, 7 months ago

    Please test with the option “Maximal viewport width” (“Wähle die maximale Breite des Fensters aus um die Leiste zu auszublenden”) different values to get the desired effect.

    youngteresa

    (@youngteresa)

    8 years, 6 months ago

    I’m thrilled with this plug-in, but I’m also having the issue that it doesn’t show on smartphones in vertical presentation, which is how most guests will view a website on a phone. Is there a fix for that that doesn’t involve tinkering with code? Or could you spell it out for me in a way that I won’t mess it up? Thanks very much for your help!

    Plugin Contributor Martin Stehle

    (@hinjiriyo)

    8 years, 6 months ago

    Without a look at your site I assume as the most probable reason a conflict with the theme in mobile layout. Many themes set the menu as fixed on top and would overlap the bar. Is that the case in your theme?

    Thread Starter tmltz

    (@tmltz)

    8 years, 6 months ago

    I discovered that the bar is actually there. It is fixed way at the bottom of the page and is not “floating”, when the phone is vertical.

    youngteresa

    (@youngteresa)

    8 years, 6 months ago

    Ah, first, Martin, sorry, my site is https://leftcoastlifecoach.com. And I just switched from Hemingway to Twenty Seventeen this week. I had this issue using Hemingway and then tried again last night in Twenty Seventeen. The bar looks great on the desktop and in horizontal display. And per @tmltz above, it isn’t showing at the bottom of the page. I tried messing with the maximum vertical width function last night but that didn’t make a difference.

    Plugin Contributor Martin Stehle

    (@hinjiriyo)

    8 years, 6 months ago

    Please set the option “Maximal viewport width” to “never hide”.

    Thread Starter tmltz

    (@tmltz)

    8 years, 6 months ago

    I put together a small video which should show what I mean:

    https://www.dropbox.com/s/0sg9hii4j3rinaf/Contact-Bar.mp4?dl=0

    On my phone there is actually the contact bar but only at the bottom of the page.
    The last sequence shows my settings. Is there any way you could help?

    Thank you!!

    youngteresa

    (@youngteresa)

    8 years, 6 months ago

    Greetings again, Martin, I should have mentioned from the start that I had that setting on “never hide” at first and still had the issue. And I absolutely love the plugin! I’m hoping you can help with this bug so guests to my site with smartphones can use it.

    Plugin Contributor Martin Stehle

    (@hinjiriyo)

    8 years, 6 months ago

    It is not trivial since a floating bar may overlap parts of the footer even the page is scrolled down to the end. That is an undesired effect. I will take a closer look at that issue.

    youngteresa

    (@youngteresa)

    8 years, 5 months ago

    I noted one thing that I want to share with you, Martin. Though my speed contact bar doesn’t show on a smartphone in vertical view on my site (https://leftcoastlifecoach.com), it DOES show if you click on the menu and then on a page. Does that help you target the issue?

    Warm regards,
    Teresa Young

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘not showing on mobile holding vertical – use only on mobile’ is closed to new replies.

Tags