Hey IHEA!

Add this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
}

Best regards,
Ismael

Hey Kimberly!

Can you please give us a link to the website? What kind of blog style did you use? Add this on Quick CSS to adjust the width of the fullwidth blog layout:

#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 1200px;
}

Regards,
Ismael

Hey!

Please edit functions.php, find this code on line 16:

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

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

On the homepage, add a fullwidth slider then add a “Custom Css Class”. Just scroll at the very bottom to see the field. What we’re trying to do is to show layerslider on desktop view then swap the fullwidth slider when viewing on mobile devices. Let’s add “sample-slider” to the “Custom Css Class” field of the fullwidth slider. Add this on Quick CSS or custom.css:

@media only screen and (min-width: 769px) {
.sample-slider { display: none !important opacity: 0 !important; 
}
}

@media only screen and (max-width: 768px) {
.sample-slider { display: block !important opacity: 1 !important; 
}

#layer_slider_1 {
display: none !important;
}
}

Cheers!
Ismael

Hey chiummog!

Sorry for closing the topic. You can add this on Quick CSS or custom.css:

#header .avia_mega_div img {
    max-width: 100% !important;
    width: 250px;
}

Best regards,
Ismael

Hey!

It looks ok when I checked it Chrome Win8. Please add this on Quick CSS or custom.css:

#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
font-weight: inherit;
text-decoration: none;
color: inherit;
-webkit-text-stroke: 0.5px;
-webkit-font-smoothing: antialiased;
}

Regards,
Ismael

Hi agiombetti!

Please add this on Quick CSS or custom.css:

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

Cheers!
Ismael

Hi!

Remove all css modifications that you did for the header. Please go to Enfold > Header > Header Size, choose the custom pixel value. Select 51px to resize the header height.

Cheers!
Ismael

Hey!

Have you tried !important after the css values?

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
float: left !important; }}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block !important;
}}

@media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}}

Best regards,
Ismael

Hi genarojrs!

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

.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 88px;
}

Regards,
Yigit

Hey Raph!

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

.phone-info span { color: white; }

after applying the code, flush browser cache and refresh your page a few times

Cheers!
Yigit

Hey!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

#top .main_color .onsale { background-color: red; }
#top .onsale { color: green; }

Price looks fine on my end http://i.imgur.com/LYICkgj.jpg

Regards,
Yigit

Hey juska08!

Please refer to answer number 2 in here – https://kriesi.at/support/topic/twitter-widget-5/#post-239471

Regards,
Yigit

Hi rcgroup!

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

.avia_mobile #top .av-parallax-section { z-index: 0; }

Cheers!
Yigit