Landing page buttons not lining up on mobile

  • Author
    Posts
  • #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.com

    #115718
    Zed
    Cryout Creations Team

    Hi,

    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.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #115832

    The site is thegrownupmillennial.com.

    The banner is the feature that came with the theme, I added the image and titled it the subscribe page.
    https://thegrownupmillennial.com/subscribe/

    Website: thegrownupmillennial.com

    #115976
    Zed
    Cryout 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.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.