Deactivate sticky bar feature only on mobile

[skated]

Hi,
is it possible to deactivate the “sticky bar” feature only on mobile version, and keep it on desktop? For example with @media screen css code or similar (thus avoiding creating two different bars, one sticky, and one not)?

Thank you very much!

[matt]

Hi Giacomo,

Yes, this would be possible using custom code. However, as this would represent a customisation of the theme rather than a problem with the native controls of the theme, it is beyond the scope of support.

As you have suggested, this is entirely feasible within the theme by creating multiple bars and then using the hide/show feature at different breakpoints.

Should you with to pursue a coded solution, then I would suggest that you consult with a developer. Alternatively, you may wish to consider our One service, where we handle customisation questions.

Thanks for understanding.

[skated]

Hi @matt,
thanks for the reply. Regretfully now I don’t have the finance to go with your One service. Maybe in the future.

Gladly I found a very simple solution that I’d likely to share with everybody: adding this custom CSS code to the element:

@media (min-width: 979px) {
$el.business-success-top-bar {
position: absolute;
}
}

It works perfectly!

[matt]

Glad to hear that, Giacomo, and thanks for sharing!