Title: Menu Button Squashed
Last modified: June 15, 2023

---

# Menu Button Squashed

 *  Resolved [muzimak](https://wordpress.org/support/users/muzimak/)
 * (@muzimak)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/menu-button-squashed/)
 * Hi everyone, I couldn’t help it but notice that the menu button (Contact Us) 
   gets squashed to contacts, only when under SHOP, everywhere else it show correctly.
   Where did I go wrong here? Thanx in advance
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-button-squashed%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/menu-button-squashed/#post-16823349)
 * Hi [@muzimak](https://wordpress.org/support/users/muzimak/),
 * There is shared CSS class of the button that WooCommerce’s main style overrides
   on shop pages. That’s it appears as a known issue on shop pages. However, this
   won’t happen if you use Header Builder in newer version of Botiga.
 * As you are still using theme’s old header layout, you can fix the issue by adding
   this CSS code to **Additional CSS** that is located under **Appearance** menu
   > **Customize**.
 *     ```wp-block-code
       .woocommerce .header-elements .button {
         margin-right: 25px;
         padding-top: 12px;
         padding-bottom: 12px;
         padding-left: 35px;
         padding-right: 35px;
         border-radius: 0;
         font-size: 14px;
         line-height: 24px;
         font-weight: 500;  
         display: inline-block;
       }
       ```
   
 * Once the code applied, do not forget to clear cache if you have it enabled.
 *  Thread Starter [muzimak](https://wordpress.org/support/users/muzimak/)
 * (@muzimak)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/menu-button-squashed/#post-16823522)
 * Thanx Kharis that worked, 2 question please:
   1. Are you suggesting that in the
   future I avoid using this specific theme and rather use Botiga theme?2. Unrelated
   but, why when I hover over SHOP menu on desktop I see the drop down menu but 
   not on Mobile Version?
 * Thanx
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/menu-button-squashed/#post-16826444)
 * You’re welcome [@muzimak](https://wordpress.org/support/users/muzimak/)!
 * > _Are you suggesting that in the future I avoid using this specific theme and
   > rather use Botiga theme?_
 * Yes, I’ve been reporting this issue to our internal issues tracker. And, sure
   there will be a permanent fix for this in future update of the theme.
 * > _Unrelated but, why when I hover over SHOP menu on desktop I see the drop down
   > menu but not on Mobile Version?_
 * I can help you with this. But, looks likely it doesn’t relate with your initial
   topic here, can you raise a new separate topic for this?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Menu Button Squashed’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/menu-button-squashed/#post-16826444)
 * Status: resolved