Centering default theme buttons on mobile

- 7 years, 10 months ago cod_tow_usr
  Participant
  
  Expired
  
  Hi,
  
  For the resolution max-width: 480px, I’d like to set theme buttons to be centered. Probably it would be the best to override class for this element using javascript, but is there any option to do it with only css manipulating?
- 7 years, 10 months ago Mirela
  Participant
  Hello,
  
  Yes, it’s done using the @media rule which is for the responsive layout. Add this code into your custom css box:
  
  @media (max-width: 480px){ .btn-bt.align-left { float: left !important; margin-left: 21% !important; }}
  
  Best regards!
- 7 years, 10 months ago cod_tow_usr
  Participant
  
  Expired
  
  This reply has been marked as private.
- 7 years, 10 months ago Mirela
  Participant
  Hello,
  
  Please edit the code to this:
  
  @media (max-width: 480px){ .wpb_content_element.button { margin-left: 15% !important; }}
  
  Result screenshot.
  
  Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.