Hi,

Everything well now?

Regards,

Ismael

Hi,

I checked the website but it is not showing anything not only in mobile view. Seems like reloading on an infinite loop. I have no idea what is causing this. Let me tag the rest of the support team. Can you still access the wp admin?

Regards,

Ismael

Hey,

Glad it is working now. :)

Regards,

Ismael

Hi,

Please remove browser cache then reload the page to see the effect.

Regards,

Ismael

Hi,

Try this one on your custom.css

.page #layerslider_1 {

padding-top: 75px;

}

Regards,

Ismael

Hi,

I tested this using the enfold logo however this is only going to work on a non-fixed header. Please try to import the dummy data and test this one. Put this code on your custom.css

.logo a:hover {

display: block;

width: 192px;

height: 88px;

background: url(../images/layout/logo2.png) no-repeat;

padding: 0 !important;

}



.logo img:hover {

padding: 0 !important;

position: absolute;

left: -9999px;

}



.logo img {

padding: 0 !important;

}

Regards,

Ismael

Hi,

You got a lot of thread opened and I checked the link you provided, none of them show the enfold theme on the website. Just the default homepage for a blank website like Devin said. :D

Regards,

Ismael

Hi,

2.) You can add a border radius on the container of that image. You can do something like this for example, just inspect the container of the image.

.img_container {

border-radius: 50%;

width: 200px;

height: 200px;

overflow: hidden;

}

Can you give us a link to your homepage so that we can inspect it?

Regards,

Ismael

Hi,

Edit the layer , go to Styles > Layout and Positions. Try to specify a certain width on the text block.

Regards,

Ismael

Hi,

I’m being directed to a blank page. No enfold theme whatsoever. :)

Regards,

Ismael

Hi,

You should set the featured image on your blog posts not on the Blog page itself.

Regards,

Ismael

Hi,

Edit js > avia.js and find this code

//check if the browser supports element rotation

function avia_header_size()

{

var win	            = $(window),

header          = $('.fixed_header #header'),

elements        = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),

el_height       = $(elements).filter(':first').height(),

isMobile        = 'ontouchstart' in document.documentElement,

scroll_top		= $('#scroll-top-link'),

set_height      = function()

{

var st = win.scrollTop(), newH = 0;



if(st < el_height/2)

{

newH = el_height - st;

//header.removeClass('shadow');

}

else

{

newH = el_height/2;

//header.addClass('shadow');

}



elements.css({height: newH + 'px', lineHeight: newH + 'px'});

}



if(!header.length) return false;



if(isMobile)

{

return false;

}



win.scroll(set_height);

set_height();

}

Remove it.

Or another way is to add this on your custom.css or Quick CSS

#header_main .container, .main_menu ul:first-child > li a {

height: 88px !important;

line-height: 88px !important;

}

Height and line-height will depend on the size of your logo.

Regards,

Ismael

Hi,

Do you have any plugins installed that might actually cause this facebook hover effect?

Regards,

Ismael

Hey,

Glad it is fixed. :)

Regards,

Ismael

Hi,

Nick’s solution does work. Select a background image on the Theme Options > Styling > Header tab then add this on your custom.css or Quick CSS.

.header_color .header_bg {

background-color:initial;

}

Regards,

Ismael