Hi!

These are for screen width starting from 1920px down to 786px. Then menu switches to mobile menu. Menu font size was smaller previously that is why you should remove this line right: 30%; as i mentioned in my previous post.
After applying the code, please flush browser cache and refresh your page a few times

Regards,
Yigit

Hey!

1) You should try the solution under “Fonts not loading in Firefox or IE9”
2) You are going to need to modify the custom CSS code depending on the tallest box in that case. CSS code can be applied only on certain screen sizes.If that is what you would like to achieve, you can use something like

@media only screen and (min-width: 767px) and (max-width: 989px) {
.iconbox_top .iconbox_content { min-height: 190px; } }

so it will be applied on screens that are wider than 767px and smaller than 989px. You can adjust it as needed
3) Yes, you should add the code Josue posted there
4) Have you checked your website on another computer? If not, please try it

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.main_menu { right: 30%;
top: 42%; }
.main_menu .menu ul { top: 65%; }

then you can increase the font size with following code

.main_menu ul:first-child > li > a { font-size: 16px; }

Regards,
Yigit

Hey!

You can remove the breadcrumb using this on Enfold > Styling > Quick CSS:

.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;
}

To change the button to circle, first, you need to add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like Buttons then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-button”.

You can add something like this on your custom.css or Quick CSS:

.awesome-button .avia-button {
border-radius: 40px;
padding: 20px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 3px 0;
line-height: 0;
position: relative;
font-weight: normal;
text-align: center;
width: 40px;
min-width: 40px !important;
}

Regards,
Ismael

Hey!

You can upload your screenshots on imgur.com or Dropbox and post the links here

Regards,
Yigit

Hi!

Please try adding following code to Quick CSS as well.

@media only screen and (max-width: 480px) {
.avia-caption { bottom: -5px; }
.avia-slideshow .avia-caption .avia-caption-title { font-size: 17px; }
.avia-caption .avia-caption-content p { font-size: 13px; }}

Cheers!
Yigit

Hi Khalid!

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

.avia-layerslider { margin-bottom: 30px; }

2)

.avia_ajax_form .button { padding: 8px 25px; font-size: 14px; }
.main_color input[type="submit"], div .main_color .button { background-color: red; color: blue; }
.main_color input[type="submit"]:hover , div .main_color .button:hover { background-color: yellow;
color: blue;
border-color: red; }

3)

.home .avia-slideshow-arrows a, .home .avia-slideshow-dots { display: none; }

Best regards,
Yigit

Hi crevlon!

You can use the following:

— The edges of both boxes (inside and outside) should be slightly rounded:

av_promobox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

— The font (such as the theme font) and font size:

.avia-promocontent p {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}

— The distance between Promobox and text:

.av_promobox {
padding: 20px 30px;
margin: 70px 0;
}

Best regards,
Ismael

Hi!

You are welcome! Let us know if you have any other questions or issues

Regards,
Yigit

Hi dawsmik!

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

.fixed_header #main {
padding-top: 61px;
}

2) Not sure if i understood this one clearly. Can you elaborate?
3) You can either choose one of headings or add following code on Text tab

<p style="font-size: 44px;">your text here</p>

http://i.imgur.com/rBqGyWs.jpg
4)

.main_color .avia-icon-list .iconlist_icon {
background-color: #6a2f79;
}

Cheers!
Yigit

Hey!

You can add following code to Quick CSS in Enfold theme options under Styling tab to adjust the font size of the button

.avia-button.avia-size-small {
font-size: 17px!important;
}

17px looks fine to me but you may want to adjust it

Best regards,
Yigit

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) {
.phone2 { font-size: 16px; } }
@media only screen and (max-width: 480px) {
.responsive .logo { float: left; } }

Best regards,
Yigit