Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Stop buttons from colliding at Tablet size


Posted (edited)

Site URL: http://jeanettepididesign.com


I'm running into an issue on my site when at Tablet size. I have three buttons in a row, but they collide on a tablet. They are fine on desktop and they break onto separate lines on mobile which is also fine.

If you look at the edges of the page, it looks like the issue is with the left button not moving left when scaling because the left and right sides are not even. Not sure what's causing this or how to fix it. I would either like to have the left button shift left correctly or have them split onto three lines like they do for mobile. 

I have a spacer placed on both the left and right edges, I think this may have something to do with it.

Attached is a screenshot, but the site is also live.

Any ideas on how can I achieve this? TIA!



Edited by JeanettePidiDesign

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0

It is fine here. Did you solve?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post

Link to post
  • 0

I ended up just removing the spacers. They were causing the collision. It looks like the left spacer would remain when viewed at tablet size, but the right one was disappearing, causing the left side to have an indent while the right did not. I tried removing the left spacer on tablet only with CSS but it wouldn't readjust the rest of the content. They are a bit spread apart now on desktop view, but I will be able to live with it.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...