Issues with Buttons on Mobile

kevinhuangphoto

Hey there! I'm having some problems with formatting my independent homepage so that buttons look the same on mobile as they do on desktop. How I want it to be is for the two buttons to be on the same level, you'll see it easily how it should look like and what's wrong with it on mobile.
http://www.kevinhuangphoto.com/ Is there any way for me to set it so that on mobile, the buttons are smaller or anything so that they look nice on mobile too, right now theyre overlapping each other and on different levels. (http://www.derrickfreske.com/ website has a look I'm going for on mobile).

Hikin' Mike

Add this to your Theme's CSS:

/**
* Center Widget Buttons on Mobile
************************************************/
.sm-user-ui .sm-page-widget-button .sm-page-widget-content {
    width: 50%;
    float: left;
    margin: 0 auto 25px !important;
    }   

.sm-user-ui .sm-page-widget-social-links {
    width: 100%;
    }   

kevinhuangphoto

> @"Hikin' Mike" said:
> Add this to your Theme's CSS:
>
> /** * Center Widget Buttons on Mobile ************************************************/ .sm-user-ui .sm-page-widget-button .sm-page-widget-content { width: 50%; float: left; margin: 0 auto 25px !important; } .sm-user-ui .sm-page-widget-social-links { width: 100%; }

Thank you so much! worked perfectly :)