A Shopify store owner encountered an issue where video background description text on their About page appears too large on desktop and gets covered by a banner. The problem does not affect the mobile version.
Resolution provided by GemPages Support:
The initial solution successfully fixed the desktop display issue. However, a follow-up concern emerged: when switching between landscape and portrait modes on mobile, the description text gets cut off in certain orientations (only fits properly in portrait mode).
Current status: The desktop issue is resolved, but the user is seeking guidance on making the description text adapt to both mobile portrait and landscape viewing modes without being cropped.
On my “about page” i have a video background with overlapping description text. On desktop the text is too big and is covered by the banner, how do i change the size and position of this description text? (not effecting mobile version).
store url: https://c1e46d.myshopify.com/collections
Hello @suoshie ,
It’s the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
Open your theme.liquid theme file
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team
it worked thank you, marked as solution. When i switch from landscape and portrait mode on mobile the description text cuts out in certain angles as it only fits portrait mode. Can you tell me how i can make the description text adjust to both landscape and portrait mobile mode so that the description doesn’t get cropped in specific viewing modes?