Okay
  Public Ticket #333706
Custom Button Size
Closed

Comments

  • Jason started the conversation

    How can I make the button sizes uniform across all browsers and screen sizes even when there is different text in the button?

  •  8,847
    Tahir replied

    Hey  Jason!

    Not sure why you need it but can be done via custom css. Let me know which button you need it for.

    Thanks 


    ThemeNectar Support Team 

  • Jason replied

    Hey Tahir,

    My issue is that the size of the button is relative to the text and not the screen or area that it is in. 

    I have attached 2 screen shots from my phone to show an example. When the screen is wider in the mobile browser it creates much different sized buttons and Iwould rathr they be uniform in size no matter the amount of text in the button.

    I would like to find a solution that works across all platforms including mobile.

    Best,

    Jason

  • Jason replied

    Also to answer your question the buttons are the located right under the header on http://bestbatch.com/bankcardsd.

    Thanks again Tahir!

  •  8,847
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    @media only screen and (max-width: 690px) {
        a.nectar-button {
            width: 100% !important;
        }
    }
    
    
    
    Thanks 


    ThemeNectar Support Team 

  • Jason replied

    That worked very well.

    Thank you!