I have 2 RAW HTML sections on the Home Page, 1 is for PC, the other is for Mobile Only. if I show or enable the Mobile only section, it shows this section on PC and Mobile, and I have set the responsive modes correctly for each section, if I "hide" the mobile only RAW HTML Section then the PC section works correctly. so the responsive mode is not working.
Solved
SP Page Builder
Mobile responsive issues
Accepted answer
Marked as the solution
Ziaul Kabir Staff
Hi Ashley,
Thanks for reaching out.
The issue was related to CSS priority — both desktop and mobile styles were loading together, and the mobile section styles were overriding the desktop layout.
I’ve now added a media query so that the mobile-specific CSS only applies on appropriate screen sizes. This ensures the desktop layout remains unaffected while the mobile version renders correctly.
Please check from your end and let me know if everything looks good.
Thanks.
3 more replies
Ashley Asked this
Super thanks, will check and let you know.
Ashley Asked this
Looks like it is sorted, thanks a million! you can close ticket.
Ziaul Kabir Staff
It’s great to hear that your issue has been resolved.
If everything is working fine now, please mark the question as complete by accepting any of our answers.
Thank you!
Log in to reply.