Action Button Disappears on Mobile

empulse

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

empulse

Perfect.  Thank you!

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

empulse

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

empulse

Excellent - Thank you!

Albert

You are welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next