Help!! Horizontal scroll - Post ID...

User 283347 Photo


Registered User
388 posts

Hello Gurus!!

Somewhere along the way while working on my site, I have created a horizontal scroll. I would like to get rid of it but do not know where I have made the mistake.

Can anyone identify what is causing my horizontal scroll and help me out?
site is at gsh.coffeecup.com

Thanks in advance!

MJ
User 232214 Photo


COO
827 posts

Hey Mark,

You did something in the row with class 'when-row' that makes this happen. If I remove the subgrid from that row the scroll goes away. It is very likely related to some padding setting. You can fix it by removing the negative padding on the subgrid. If you want it to be a really clean fix :P I recommend redoing the the structure but using containers and position them with flexbox instead of using a subgrid.

Hope this helps!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 283347 Photo


Registered User
388 posts

Hey Bob,

Thanks for the quick reply. That will get me pointed in the right direction. Thanks for the tip on the clean fix, too. I really don't know what I'm doing regarding flexbox but I'll mess around and see if I can make it happen.:)

Thanks, again, for the help.

MJ
User 232214 Photo


COO
827 posts

mark johnson wrote:
I really don't know what I'm doing regarding flexbox but I'll mess around and see if I can make it happen.:)


There's a flexbox guide included in RSD V1.5...it's really worth spending some time with (I am kinda addicted I am afraid) :P
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 283347 Photo


Registered User
388 posts

Hey Bob,

I deleted the subgrid and uploaded again...gsh.coffeecup.com but I still have a scroll??? Any ideas? Am I looking in the wrong place?

Thanks!
User 2484360 Photo


Registered User
3,293 posts

mark johnson wrote:
Hey Bob,

I deleted the subgrid and uploaded again...gsh.coffeecup.com but I still have a scroll??? Any ideas? Am I looking in the wrong place?

Thanks!


Hey Mark,

Can you provide your RSD project file? This way we can take a look to see what the issue may be.

Thanks!
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

The map is the culprit. It has a fixed width of 1400px. Try setting the width and heigth of the map in % instead.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 232214 Photo


COO
827 posts

Good catch Inger, not sure how I got that wrong :o
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 283347 Photo


Registered User
388 posts

Thanks Inger, Bob and Adam for looking into this. I was getting ready to upload the file and saw this. I had to go last evening and had a second this a.m.

I'll work on the map and more and keep you posted.

Thanks for all the help!!

MJ

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.