Round Picture Buttons smaller on mobile version?

Hey rixi,
How much smaller do you want them to be on mobile? Currently they are 100% width for mobile. Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top.home #wrap_all #av_section_3 .flex_column.av_one_third {
	width: 31%;
  margin-left: 6px;
}
}
 @media only screen and (max-width: 500px) { 
 	#top.home #wrap_all #av_section_3.main_color .flex_column.av_one_third h3 {
    font-size: 0.6em;
 	}
 }
 @media only screen and (min-width: 501px) and (max-width: 767px) { 
 	#top.home #wrap_all #av_section_3.main_color .flex_column.av_one_third h3 {
    font-size: 0.9em;
 	}
 }

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike