Title: Vertical button in mobile view
Last modified: February 28, 2022

---

# Vertical button in mobile view

 *  [taggrabsmarketing](https://wordpress.org/support/users/taggrabsmarketing/)
 * (@taggrabsmarketing)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/vertical-button-in-mobile-view/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fvertical-button-in-mobile-view%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/vertical-button-in-mobile-view/#post-15417065)
 * 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 **Advance**d 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/botiga/2.4.4/screenshot.png)
 * Botiga
 * [Support Threads](https://wordpress.org/support/theme/botiga/)
 * [Active Topics](https://wordpress.org/support/theme/botiga/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/botiga/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/botiga/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * Last activity: [4 years, 2 months ago](https://wordpress.org/support/topic/vertical-button-in-mobile-view/#post-15417065)
 * Status: not resolved