Hi!

It is working. I even tried to change the icon from entypo character map: http://www.entypo.com/characters/

<center><span class="”av_font_icon avia-font-entypo-fontello" style="font-size: 50px;">✉</span></center>

This is the result.

Cheers!
Ismael

Hey!

You can change the style of the sale tag using this on your custom.css or Quick CSS:

#top .onsale {
position: absolute;
background: rgba(0, 0, 0, 0.8);
z-index: 10;
color: #FFF;
background: #7E9A47;
top: -220px;
right: 0;
left: auto;
margin: 0;
min-width: 40px;
}

span.onsale {
min-height: 32px;
padding: 4px;
font-size: 12px;
text-align: center;
line-height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 20px;
border-radius: 0;
}

Cheers!
Ismael

Hello rcgroup!

Please add following code to Quick CSS in Enfold theme options

span.ls-s-1 { text-align: left; }
@media only screen and (min-width: 989px) and (max-width: 1140px) { span.ls-s-1 span { font-size: 22px; } }
@media only screen and (min-width: 768px) and (max-width: 988px) { span.ls-s-1 span { font-size: 17px; } }
@media only screen and (min-width: 989px) and (max-width: 1140px) {  span.ls-s-1 { left: 5px; } span.ls-s-1 span { font-size: 11px; } }

Regards,
Yigit

Hello BelIblis!

Please add following code to Quick CSS and adjust as desired

#top .main_menu .menu li ul a  { font-size: 15px; }
.header_color .main_menu .menu ul li a:hover { background-color: red; }

Best regards,
Yigit

Hey mattsimpson55!

They are bigger because you enabled MegaMenu on Services menu item. You can uncheck it in Appearance > Menus and it will look like how it supposed to look

Best regards,
Yigit

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