The rich text is only showing on my mobile view though in mobile view the video banner is not showing?
As shown in images below.
Thank you in advance!
url: Hygiadental.com
pw: myown
Topic summary
A Shopify store owner encountered display issues where rich text appeared only on mobile view while a video banner showed only on desktop view.
Initial Problem:
- Rich text section missing from desktop
- Video banner missing from mobile
- Both elements should display on both views
Solution Provided:
A community member identified code in the theme.liquid file that was restricting visibility by device type. The fix involved:
- Navigating to Online Store > Themes > Edit code
- Opening the
theme.liquidfile - Removing specific visibility-limiting code
- Saving the changes
Follow-up Issue:
After resolving the visibility problem, line spacing appeared too tight on mobile view.
Final Fix:
Adding custom CSS to the section resolved the spacing:
.ab-banner-subtitle-template--17786616774756__ss_video_banner_7frckG p { line-height: 1; }
Status: Resolved. Both elements now display correctly across desktop and mobile with proper formatting.
3 Likes
Look for any settings related to “Mobile visibility” or “Desktop visibility.” If there are settings that are limiting visibility to mobile only, change them to include desktop.
or are you comfortable with editing code?
Hi @Anonymous
Please open theme.liquid file, remove this code to make those sections display on both mobile and desktop.
Hi how do i even find this code?
Go to your store admin > Sales channels > Online store > Themes > click “…” in the current theme > Edit code > open theme.liquid file and find the code.
I removed the code and nothing changed, does it change on your side?
1 Like
Did you save the file after removing the code?
Hi yes this has helped! It has now made it visible on desktop & mobile view. Thankyou!,
I now have the issue of the line spacing on mobile view being to small. Can I change that slightly for mobile view only?
Please add this code to Custom CSS of that section to solve the issue.
.ab-banner-subtitle-template--17786616774756__ss_video_banner_7frckG p { line-height: 1; }
1 Like
You make life easy Dan! Thank you or helping me
1 Like
You are very welcome!