I’m having trouble with
My top section background image is cutting off on mobile devices and only showing part of the image instead of the full image. I also want the top image/header to stay visible while scrolling down through the blog instead of disappearing. Another issue is that the asterisks/icons appear gold on desktop but purple on phones.
Working in
Wix Studio Editor
Site link
ABOUT | My Site 3
What I’m trying to do
I want my blog homepage top image/banner to:
-
show the full image properly on phones without cropping important parts out
-
stay visible while scrolling through the page/blog
-
keep colours consistent across devices so the asterisks stay gold instead of turning purple on mobile
What I’ve tried so far
Changed image scaling between Fit/Fill/Tiles
- Adjusted section height and overflow settings
- Tried changing responsive/mobile layout settings
- Checked colour settings in desktop editor
- Tested different image sizes/layouts
Extra context
The issue mainly happens on mobile view. The image looks correct in the Wix Studio preview/editor but cuts off when opened on an actual phone. The header image also disappears once scrolling starts and I would prefer it to remain visible or sticky while reading the blog posts.