Hello.
I am using the Sydney Theme and using SiteOrigin Text Editor & Widgets to build my pages. My website looks great on mobile other than one page. The content including the text and photos overlaps the footer. I don’t want to have to use a seperate plugin to fix this.
Please help!
Hi Natalie,
Do you have a public URL where we can take a look at what’s going on?
Yes, http://www.accomplishedplumbingservices.com
Hi Natalie,
Unfortunately, I can’t seem to replicate the overlap. Can you please show me a screenshot of what you’re seeing? Please note that we’re currently not able to handle file attachments so you’ll need to upload the image to a third party image hosting site like vgy.me or imgur.
Also, to clarify, what devices (specifically the model) are you able to replicate this issue on?
Here you go: http://imgur.com/a/t3qpm
The photos are in order as the page shows on mobile.
Alex, do you have any updates on this? Thanks!
Hi Natalie,
Sorry for the delay.
Oddly, I never received notification of your reply.
This is happening due to the height you’ve specified for that row via CSS Hero. Please open CSS Hero and replace:
.panel-grid#pg-5-0 { height: 1275px; line-height: 20px; margin-top: -20px; position: relative; top: -20px!important; white-space: normal; }With:
.panel-grid#pg-5-0 { line-height: 20px; margin-top: -20px; position: relative; top: -20px!important; white-space: normal; }Do you know how to open CSS Hero in order to edit the code? I located it,
but I can't seem to edit it.
Hi Natalie,
Unfortunately, I’m not really familiar with how CSS Hero works in terms of editing generated CSS. As a result, I would recommend contacting the developers of the plugin for advice. Sorry mate. :(