Vertical button in mobile view

  • taggrabsmarketing

    (@taggrabsmarketing)


    3 years ago

    Hi,

    The “shop now” button on the top image section of our homepage turn vertical when viewing the page in tablet or mobile view.

    How can i stop this from happening? I’ve tried making the font smaller but still nothing.

    I imagine it is something small that I’m overlooking so if you could let me know that would be great.

    Thanks,
    Matt

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi,

    Thank you for reaching out to us.

    1. Select you buttons block to add a unique CSS class name into Additional CSS class(es) under the Advanced option on editor’s sidebar.
    3. Update page
    4. Then add this CSS code to your site’s Additional CSS under Appearance menu > Customizer

    @media only screen and (max-width: 490px) {
  .wp-block-buttons .wp-block-button:nth-of-type(2) a.wp-block-button__link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wp-block-buttons .wp-block-button a.wp-block-button__link {
    transform: scale(0.7);
  }
}

    Replace wp-block-buttons with your unique class name.

    Hope that helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Vertical button in mobile view’ is closed to new replies.