March 21st, 2021 at 19:32 #115694
I am currently rebuilding my site using the Bravada WordPress theme. The clickable buttons on my landing page look fine on desktop and tablet but they look like they’re layered over each other and justified to the left on mobile. How can I fix this?
Also, the other headers also seem to work fine on mobile EXCEPT for my Subscribe banner, is this just a size issue?
Website: thegrownupmillennial.comMarch 21st, 2021 at 23:33 #115718ZedCryout Creations Team
Could you provide a screenshot and/or link for the site with the misaligned buttons?
I’m not sure what the “subscribe banner” is as that doesn’t sound like something that’s included in theme by default.March 24th, 2021 at 08:11 #115832March 27th, 2021 at 13:41 #115976ZedCryout Creations Team
There is a screen width range at which the buttons don’t fit the available screen and overflow on two lines, before the next level of responsiveness starts to apply. This happens because of buttons text length.
I see you’re already applying CSS to tweak the buttons behaviour. You should extend the range down to 400px to cover the remaining screen width where the buttons still overflow.
You need to log in to reply to this topic.