Hello,
This is my first SP Page Builder site. My site looks fine on desktop, but on mobile the sections are displaying on top of each other. I don't know how to resolve this issue. Can you help me please?
Also, the mobile menu icon says "Please publish modules in offcanvas position" and I don't know how to resolve that issue either.
Thank you in advance.
Terry Van Kirk
Hello Terry,
Thank you for reaching out.
I have already fixed the off-canvas issue from my end, including publishing the menu in the offcanvas position. Please check now and let me know if everything looks good.
Regarding the section overlapping issue on mobile, we can help you resolve this. To proceed, you can either:
• Provide us with Super Admin access, so we can directly fix the issue for you
OR
• Create a custom.css file in your template here /templates/shaper_oneclip/css/custom.css If already have this file then add the following CSS:
@media (max-width: 991px){
#sp-header .logo h1 > img {
margin-top: -90px;
}
}Once added, please check again on mobile.
Let us know how you’d like to proceed.
Thank you.
Thank you. I have upgraded your access to Superuser.
Issues resolved.
Thanks
I see that you have added the snippet to the custom.css file, but the sections are still overlapping on my Android phone.
Please, share a screenshot.
Thanks
Perhaps the issue is the custom CSS is not affecting the site. I also noted this because the font change and some color changes I made to the preset did not have any effect whatsoever to the style of the site.
You can try the following steps to resolve the issue:
This process will force the CSS to recompile and often resolves styling issues.
You can find detailed instructions here: Helix Framework Advanced SCSS Guide
Thanks, and let me know if this resolves your issue.