Sections Overlapping On Mobile Version
Terry Van Kirk
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
Ziaul Kabir
Accepted AnswerHello 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.
Terry Van Kirk
Accepted AnswerThank you. I have upgraded your access to Superuser.
Terry Van Kirk
Accepted AnswerI see that you have added the snippet to the custom.css file, but the sections are still overlapping on my Android phone.
Terry Van Kirk
Accepted AnswerPerhaps 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.
Ziaul Kabir
Accepted AnswerYou can try the following steps to resolve the issue:
- Change the presets in your template settings as needed.
- Disable the SCSS to CSS compiler and save the template.
- Enable the SCSS to CSS compiler again and save.
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.