Hi.
My website layout looks good on desktop but my layout of my mobile has many problems.
All the buttons are floating and overlapping each other.
Language, FB Messenger, Shopify Chat, its all a mess.
If you use a mobile to view my website: bluerose-collections.com you will be able to see it.
I would like to:
Put the Language buttons in a drop-down menu on the left side, below the Menu drawer button
Put the Shopify chat button: “Questions? We can help.” fixed at the bottom of the footer.
The language buttons at the bottom are from an app that I have deleted. They are not the same app as the one on top. Hide or Remove this button.
Keep Only the FB Messenger button floating at the bottom.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Note : If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px(already exist)
also : I cant find “Questions? We can help.” button on footer
We’ve noticed similar issues on many Shopify stores where widgets from different apps float around the page, cluttering the website and disrupting brand consistency.
To address this, we recently launched our app, Powerful Floating Buttons. It helps consolidate these widgets into a single, easy-to-use panel. This creates a cleaner store layout and ensures the panel matches your brand’s style for better visual appeal.