Button border radius

Jean-Pierre Michael

• May 05, 2022 08:26

Hi, I have a button where I add a border radius of 6px, but it's squared on mobile and tablet and I can't find the border setting on those media queries sizes. It's not available.

0

• 

  KC George

  • May 05, 2022 12:48

  Hi 

  I just tried a button with 6 px rounded corners. It appear to have the same rounding on desktop, tablet and mobile for me. Here is my test page. https://mega-menu.brizy.site/button 

  0
• 

  Jean-Pierre Michael

  • May 05, 2022 13:30

  Yes I can see that. Here is the site where the problem appears.

  coursdetrompette.fr

  See the first CTA

  0
• 

  Jean-Pierre Michael

  • May 05, 2022 13:30

  No problems on my other sites

  0
• 

  KC George

  • May 05, 2022 16:37

  Hi Jean-Pierre,

  While I do not know why the border radius changes from desktop to tablet, by adding this CSS you may be able to fix the issue.  

  @media (max-width: 991px) and (min-width: 768px)
  .brz .brz-css-sgpcs.brz-btn {
          border-radius: 6px;   
  }
  
  @media (max-width: 767px)
  .brz .brz-css-sgpcs.brz-btn {
      border-radius: 6px;
  }

  0
• 

  Jean-Pierre Michael

  • May 05, 2022 17:12

  Thanks. I wonder why it changes. Something must break the CSS here again.

  0

Please sign in to leave a comment.