Menu Button Squashed

  • Resolved muzimak

    (@muzimak)


    1 year, 9 months ago

    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 to see the link]

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

  • Hi @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.

    .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

    (@muzimak)

    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

    You’re welcome @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.