Hi, I edited my page with the “image with text” option from the “Add Section” option, and the images and text are showing up on the desktop and widescreen but not on the mobile view. I have searched for solutions and even used some of the “edit code” suggestions on this forum but to no avail. I cannot find a fix. Is there someone who knows how to correct this issue?
Hi @Olivermco
Dan here from Ryviu: Product Reviews & QA app.
Could you share your store URL to check?
Hi, Olivermco. If possible, please share your website URL. This is likely caused by CSS.
Hi @Olivermco
Do you mean this section?
It is this section on mobile. Because screen sizes are different on desktop and mobile so that section responsive and change the way to display to make it fit.
I have tried but cannot figure it out.
No, the “About” page and the “livingloveco” page.
What section are you getting the issue?
This is Noah from PageFly - Shopify Page Builder App
To fix it you can add code below:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
The brown text boxes on the about page and the livingloveco page. On the desktop they have images, but not on the mobile.
Your store is currently using the Foodie theme. The latest version of the theme includes an “image with text” component that displays correctly. Upon rechecking the code, it appears different from what you’re currently using. If you haven’t made any modifications to your theme’s code, consider updating to the latest version. Alternatively, if you prefer to stick with the current version, you may need to modify the source code of the “image with text” component in the current theme version.
This worked! Thank you so very much! I have a small issue with it, and I wonder if there is a way to correct it. Now that I have added the code, the images are not coming before the wording, which would be ideal. I know I have them rotating on the desktop for aesthetic purposes, but it does not work for the mobile view. Is there a way to correct this? To clarify, I have the image on the desktop with text rotating the picture and wording from right to left. It also does that on the mobile, but the image with text blocks that have the wording before the picture does not work. I hope that makes sense.
Yes, I understand, I will try it, please wait.
hi @Olivermco You can try add code below:
Thank you for everything!
Thank you. Have a nice day !
Hi, thank you for your help! I was able to find a solution.