Sticky Footer Buton

Hi, I am trying to create a sticky footer button on mobile devices only, similar to the one shown on this site:


Is this posible? My url is www.myfriendsdentist.com.

Thanks,
-Sean

Comments

  • Hi,
    BeTheme doesn't have an option like that.
    You can only show the whole footer on every device.

    To make it sticky only on mobile, then you have to use advanced CSS or modify the theme files, which we do not support.
    We provide only the basic CSS.

    I can suggest you, to make the column with your buttons in Muffin Builder as the last section and
    try to make it with position: absolute and media queries(or our "Responsive Visibility" - you can find it while editing the section, see screen:https://i.imgur.com/ixckWHn.png )
    Thanks
  • Thank you. I was able to get it mostly working with this approach, however there is strange overlapping as a user scrolls. If you reference the homepage and scroll from top to bottom you can see other page sections overlapping the content as you scroll. Is there a way to fix this?
  • You have to increase the z-index of this div.
    Paste this CSS to Theme Options > Custom CSS & JS > CSS
    #schedule1{
    z-index:999 !important;
    }
    It will solve your problem

    Thanks
  • Thanks Pablo, I've implemented the code, which has fixed the issue on desktop and tablet but I'm still seeing the issue on mobile. Please advice.
  • You've created the new div, so you have to apply this same code, but this time #schedule2
    Thanks
  • Ah, my bad, got it, thanks for your help.
  • No problem, that's why I'm here.
    If you have some other questions, feel free to ask ;)
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.