Button not visible on mobile

Support
#1

Hello,


I can’t figure out why the button (VoyageLA Article) is only showing up on desktop but not on mobile. A couple years ago I remember Cornerstone had a feature to set what’s visible where, but I don’t see it anymore. I don’t know why this occurred since I’m pretty sure I didn’t change that setting (because I don’t see a place to change it).
Thanks in advance for your direction . . .
Laura
#2

Hi Laura,

Thanks for reaching out.
It seems that the margin of the button is the reason behind your issue. You need add the following code into the Element CSS of the button element to resolve the issue.

@media  (max-width: 480px) 
{
    $el.x-anchor 
    {
        margin:unset !important;
    }
}

You may need to adjust the breakpoints as per your need. You can find the details on the custom media query breakpoints: https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

#3

Thank you very much

#4

Hi Laura,

Glad that we are able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.