Hey,

Edit js > avia.js, find this code:

// decreases header size when user scrolls down

avia_header_size();

Replace it with:

// decreases header size when user scrolls down

//avia_header_size();

Remove browser cache then reload the page a few times.

Cheers,

Ismael

Hey,

Please watch this video: https://vimeo.com/channels/aviathemes/67651241

Regards,

Ismael

Hey,

You can select this options on Enfold > Styling. You can also use this on your custom.css or Quick CSS:

1.) Make the header background black:

.header_color .header_bg {

background: black;

color: white;

}

2.) Make menu font white:

.header_color .main_menu ul:first-child > li > a {

color: white;

}

Hover State:

.header_color .main_menu ul:first-child > li a:hover {

color: black;

}

3.) You can use this on your custom.css or Quick CSS:

/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/

#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }

Change the height and the line-height.

Regards,

Ismael

Hey,

Glad you found it. :)

Cheers,

Ismael

Hey,

The “Slideshow Image Size” is not the size of the actual slider but the kind of thumbnail that you want to use on the slider. You need to constrain the Easy Slider element on a column element or put it on a div with a specific width and height. It will always inherit the size of its container.

Cheers,

Ismael

Hey,

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

#layerslider_17 {

margin: 0 auto !important;

}

Please override the WordPress files except for the wp-content folder and wp-config.php.

Regards,

Ismael

Hey,

1.) You have a lot of plugins installed. Please deactivate them first, remove browser cache then reload the page. See if the issue still exist.

2.) What gallery? The product gallery or the WordPress gallery thumbnails?

Regards,

Ismael

Hey,

You can use this:

.avia-slideshow-dots a {

height: 6.5px;

width: 6.5px;

border-radius: 6px;

padding: 2px;

}

Adjust the values.

Regards,

Ismael

Hey,

For example, you can use this:

#top .social_bookmarks_facebook a {

color: #fff;

background-color: #37589b;

}

Or you can edit layout.css, find this code:

#top .social_bookmarks_rss:hover	   a{color:#fff; background-color:#ffa133; }

#top .social_bookmarks_facebook:hover  a{color:#fff; background-color:#37589b; }

#top .social_bookmarks_twitter:hover   a{color:#fff; background-color:#46d4fe; }

#top .social_bookmarks_mail:hover      a{color:#fff; background-color:#9fae37; }

#top .social_bookmarks_dribbble:hover  a{color:#fff; background-color:#e44885; }

#top .social_bookmarks_linkedin:hover  a{color:#fff; background-color:#419cca; }

#top .social_bookmarks_search:hover    a{color:#fff; background-color:#222222; }

#top .social_bookmarks_gplus:hover     a{color:#fff; background-color:#de5a49; }

#top .social_bookmarks_behance:hover   a{color:#fff; background-color:#008cfa; }

#top .social_bookmarks_flickr:hover    a{color:#fff; background-color:#ff0086; }

#top .social_bookmarks_forrst:hover    a{color:#fff; background-color:#234317; }

#top .social_bookmarks_myspace:hover   a{color:#fff; background-color:#000000; }

#top .social_bookmarks_tumblr:hover    a{color:#fff; background-color:#345574; }

#top .social_bookmarks_vimeo:hover     a{color:#fff; background-color:#31baff; }

#top .social_bookmarks_youtube:hover   a{color:#fff; background-color:#a72b1d; }

#top .social_bookmarks_pinterest:hover a{color:#fff; background-color:#cb2027; }

#top .social_bookmarks_skype:hover 	   a{color:#fff; background-color:#12a5f4; }

#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#a67658; }

Remove the :hover just before the social media name.

Regards,

Ismael

Hey,

Please try to upgrade to WP 3.6.

Regards,

Ismael

Hey,

You can also do this: https://kriesi.at/support/topic/title-breadcrumb-in-the-header-is-not-truncated-correctly-with-unicode

Regards,

Ismael

Hey,

Yes, inline will override external css. It works on my end. Please remove browser cache then reload the page.

Regards,

Ismael

Hey,

You can add this:

.avia-menu-fx {

display: none !important;

}

Regards,

Ismael

Hi,

According to this link you should create the image file directly as .ico.

http://stackoverflow.com/questions/122067/favicon-not-working-in-ie

Regards,

Ismael

Hey,

Please try this:

.header_color .avia-menu-fx {

background-color:  #ffffff;

color: #ffffff;

border-color:  #ffffff;

}

Regards,

Ismael