Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Overlapping Text

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I'm using the OnePageTwo template but when the browser goes below 1200px wide the text from the block underneath starts to overlap the block above (please see the images attached – One is shown at 1200px wide, the other 1400px wide).

Is there a way to prevent this from happening?

The website in question is fsgtestsite.co.uk/bombaysprout/

Many Thanks in advance.
Attachments:
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
Have you tried full height with the grid1wrap row?

You might want to test in the browser and disable some or all or relevant custom styling

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul

I have tried grid1wrap at full height and also disabled the custom styling but it is still doing the same thing – as soon as the browser is 1200px wide the contents from below jump up and overlap.

I didn't have grid1wrap before because I found it wasn't working so will because of the images we are restricted to using.

Many thanks

Heather
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Paul

It seems to be affected by the amount that is in the history and story sections (Grid 5 and Grid 9) at 1200px to 720px wide.

Is there a way that these sections can jut snap underneath like they do at about the 720px wide mark?

Also, can I make the grid images keep in three columns on those sections rather than two images on the top row and one image on the bottom row.

Many thanks for you help.

Best wishes

Heather
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Heather,

The sections do look a lot better now when I resize on the desktop

Does it still look problematic on mobile?

Best to solve this issue first and then we can look at the image grid

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I've managed to change the grid and it seems to look better now there is less depth to each section. It's only a temporary holding page so fingers crossed will be ok for now.

Many Thanks

Heather
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
Best of luck with it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Just to check you have

Bamboo Sprout
Address Details, County, Postcode
T 0000 000 000

at the bottom of the page

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul, it was just in there temporarily while I was waiting for the details from our client.

Best wishes

Heather
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
Cool

I had a bad experience with that on a site I helped on so thought I'd check

Enjoy your weekend

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 6 years 10 months ago by manh.
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers