Hey Faway,

Use this CSS code to control the social menu links when header is transparent and not:

#top .av_header_transparency #header_meta a{
    color: blue;
}
#top #header_meta a{
    color: red;
}

Best regards,
Josue

Hey!

Try adding this code to the Quick CSS:

#top #header .av-main-nav > li:hover > a{
background: url(_img_) no-repeat top center transparent;
}

Cheers! 
Josue

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none!important;
    animation: none!important;
}

Best regards,
Vinay

Hi,

Now add this to Quick CSS:

.custom_cta{ 
  width:100%; 
  clear:both; 
  float:left; 
  margin-top: 80px; 
  margin-bottom: -40px; 
}

Best regards,
Josue

Hey Gal726,

I am afraid you’ll need to contact the plugin author for more info about the issue. Making third-party plugins compatible with the theme is unfortunately beyond the support scope we offer. Sorry for that!

however we can point you in the right direction Please follow this posy by Ismael https://kriesi.at/support/topic/homepage-redirect-on-mobile-sites/#post-206215

Best regards,
Vinay

Hi,

To add gap between the form fields please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top fieldset {
     margin-top: 20px;
}

To add box shadow to submenu

#top .header-scrolled #avia-menu .sub-menu, #avia-menu .sub-menu {
    box-shadow: 1px 4px 8px 1px rgba(0,0,0,.5);
}

Best regards,
Vinay

Hi,

Use the following:

#top legend {
    font-size: 12px;
}

Best regards,
Josue

Hey!

Try adding this code to the Quick CSS:

#top select{ min-height: 45px; }

Cheers! 
Josue

Hi,

Use this:

#top .av-main-nav ul a{
    font-size: 14px;
}

#top .av-main-nav ul li:hover a{
    background: #21b1ec;
    color: white !important;
}

Best regards,
Josue

Hey!

Try adding this code to the Quick CSS:

@media only screen and (max-width: 767px) {
    #top .flex_cell .avia-button.avia-position-left {
        float: none;
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    #top .flex_cell .avia-button-wrap {
        display: block;
        float: none;
        text-align: center;
    }
}

Cheers! 
Josue

Hey!

Try adding this code to the Quick CSS:

#top .scroll-down-link:before {
       content: url(_LINK_TO_IMG_);
}

Make sure the image is around 60×60.

Cheers! 
Josue

Es por este codigo que tienes en style.css:

/*PARA PONER EL SIDEBAR DEBAJO EN VERSI�N IPAD VERTICAL*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 967px) 
and (orientation: portrait) {
    .container {
        max-width: 100% !important;
    }

    #top #main .sidebar {
        width: 100% !important;
    }

    /*PARA PONER EL FOOTER CON UNA SOLA COLUMNA EN IPAD VERTICAL*/
    .flex_column {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

Hi,

Add this:

@media only screen and (max-width: 767px){
    .responsive #socket .social_bookmarks,
    .responsive #socket .copyright {
        display: block;
        float: none;
        clear: both;
        margin: 0;
        text-align: center;
    }
    .responsive #socket .social_bookmarks li {
        float: none;
        display: inline-block;
    }
    .responsive #socket .sub_menu_socket {
        padding-top: 10px;
    }
    .responsive #socket .sub_menu_socket li {
        display: block;
        margin: 8px 0;
        border: 0;
    }
}

Best regards,
Josue

Hey artemtik,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.avia-section.av-minimum-height .container .content {    
    vertical-align: top;
}

Best regards,
Vinay