Hey Pictori!

Please add this on your custom.css or Quick CSS:

#js_sort_items {
visibility: visible;
font-size: 12px;
}

Remove browser cache then reload the page.

Best regards,
Ismael

Hey kangaroozach!

Please edit css > shortcodes.css, find this code:

@media only screen and (max-width: 767px)
{
	.responsive div .avia-data-table table,
	.responsive div .avia-data-table tbody,
	.responsive div .avia-data-table tr,
	.responsive div .avia-data-table td,
	.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
	.responsive .avia-data-table{border-style:solid; border-width: 1px;}
	.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
	.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
	.responsive .avia-data-table td:before {
	display:block;
	font-style: italic; font-size: 11px;
	}

	.responsive .avia-data-table td {
		position: relative;
	}
}

Remove it. It will disable the responsive styling for mobile devices. I’ll get back to you after you remove it, the table might need some adjustments.

Best regards,
Ismael

Hello asherbarrett!

Please try this on your custom.css or Quick CSS:

.mega_menu_title span {
font-size: 12px;
}

#header .avia_mega_div .units {
padding: 0 10px 0 15px;
}

#top .main_menu .menu li ul a {
width: 100%;
min-height: 23px;
max-width: 60px;
}

Best regards,
Ismael

Hello!

You are welcome glad we could help :) Let us know if you have any other questions or issues

Regards,
Yigit

Hello ullastret!

Please add following code to Quick CSS in Enfold theme options under Styling

.header_color .main_menu ul:first-child > li > a { color: red; font-weight: 400; font-family: 'PT Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.header_color .main_menu ul:first-child > li > a:hover { color: green; }
.header_color .main_menu ul:first-child > li.current_page_item > a { color: blue; }

You just need to adjust colors, font-weight and font-family as you desire

Cheers!
Yigit

Hi stevemulisa!

Please add following code to Quick CSS in Enfold theme options under Styling

#top .social_bookmarks li a { color: blue; font-size: 18px; }

You just need to change “blue” to hex value you desire

Cheers!
Yigit

Hi summerg!

1.) How do I change the icon that is shown in the button row? I would like a checkmark instead of a heart.
Edit the Button Row then scroll below, select the icon that you want.

2.) How do I change/enlarge the “$” in my pricing row? It’s too small.
Add this on your custom.css or Quick CSS:

.pricing-table li.avia-pricing-row .currency-symbol {
font-size: .9em;
top: 0;
}

3.) Can you give us a link to the page please?

Cheers!
Ismael

Hi!

You decrease the h3 size a little for mobile view. It will give some space for the button. :)

@media only screen and (max-width: 767px) {
h3 {
font-size: 18px;
}
}

Best regards,
Ismael

Hello scanova!

Please add following code to Quick CSS in Enfold theme options under Styling

.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }

Cheers!
Yigit

Hello itchybrain!

Please add following code to Quick CSS in Enfold theme options under Styling

.mobile_active #advanced_menu_toggle { font-size: 14px; }

Then in your WordPress theme directory, please go to Enfold > Js folder and open Avia.js file find following code in line 106 http://i.imgur.com/4Duo3EP.jpg and replace underlined place with “Menu”

Cheers!
Yigit

Hey omakad!

Can you give us a link to the page? Please add this on your custom.css or Quick CSS:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 11px;
}
}

Regards,
Ismael

Hello Marcel!

Please add following code to Quick CSS in Enfold theme options under Styling for the 1st one

.social_header .phone-info span { font-size: 18px; }

Can you show the custom css you have applied? And a link to your website would be very useful.

Best regards,
Yigit

Hi ShortHills!

Please add following code to Quick CSS in Enfold theme options under Styling

.social_header .phone-info span { font-size: 18px; }
#top .social_bookmarks { font-size: 18px; }

First line is to change the font size of phone text and second one is to increase size of icons.

Regards,
Yigit

Hey!

You are welcome :) Let us know if you have any other questions

Cheers!
Yigit