How can I have the text staying exactly at the same place on desktop and mobile please? Your code helps to keep it on the image but on MOBILE it becomes centered on image.. I want it to stay at the right
Topic summary
A user is experiencing an issue where text on their homepage image banner doesn’t maintain its position when viewed on mobile devices. The text becomes centered on mobile instead of staying in its intended right-side position.
Solutions Provided:
-
BSSCommerce-B2B suggested adding custom CSS code to the
section-image-banner.cssfile using media queries to control text positioning on mobile screens (max-width: 767px). The code uses flexbox properties to align items and adjust font size/width for mobile display. -
Van_Nguyen_GSG pointed out that the Dawn theme has built-in settings for this issue. They recommended going to Theme Editor > Image Banner section and unchecking the “Show container on mobile” setting, avoiding the need for code edits.
Current Status:
The discussion remains open with two different approaches offered—one using custom CSS modifications and another utilizing native theme settings. The user has not yet confirmed which solution resolved their issue.