Action Button Disappears on Mobile

empulse · July 2016

I'd like the Action Button on our site to remain when the site is viewed on a mobile device. It currently drops out somewhere around a width of 750px.

How can I make it remain at lower resolutions?

Thanks!

Albert · July 2016

Hi,

we do not display Action Button on mobile because it doesn't look good. However, if you really want to display, please use the following css:

.mobile-tb-hide #Top_bar .top_bar_right { display: block !important; text-align: center !important; }
#Top_bar .top_bar_right .top_bar_right_wrapper { float: none !important; }

empulse · July 2016

Perfect. Thank you!

Albert · July 2016

You're welcome!

empulse · September 2016

I've discovered that the action button creates an issue with my contact form on my contact-us page on MOBILE DEVICES - Any opinions on how I can go about fixing this? Is hiding it on this page the only option?

If so, can I get some assistance in hiding this button on ONLY the Contact page?

Thank you so much for your assistance!

Albert · September 2016

Because you did some modifications in header, you need to use the following css now to remove the button from contact page on mobile:

@media only screen and (max-width: 767px) {
    .page-id-40 #Top_bar .top_bar_right { display: none !important; }
}

empulse · September 2016

Excellent - Thank you!

Albert · September 2016

You are welcome

Action Button Disappears on Mobile

Comments