Hey! Sorry but this is currently not possible and would require some heavy modifications…

You can either hire someone for the job or post it in our feature request thread. In case there are enough users supporting your request we will add it to the theme:

https://kriesi.at/support/topic/enfold-feature-requests

Hi,

Adding an icon is bit complicated right now. Kriesi will make it easier to add social media icons on the next updates.

I posted a basic instruction on this link but please look for Nick’s comprehensive instruction on how to add or modify social icons. Unfortunately, Entypo Fontello( the font use for rendering icons ) doesn’t have the Apple icon. You might end up following my suggestion.

https://kriesi.at/support/topic/youtube-icon

Regards,

Ismael

Hi,

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

.sub_menu {

top: 50px;

}

Regards,

Ismael

Hi,

You mean the border lines?

You can use this on your custom.css or Quick CSS. If I’m correct these are the dividers.

Bottom Shadow:

.avia-shadow {

box-shadow: none;

}

Top Border

.container_wrap {

border: none;

}

Regards,

Ismael

Hi,

The site you show us doesn’t have a full width background. They separate the background like this

<div id="holder">

<!-- start background layout -->

<div id="background_left"></div><div id="background_right"></div>

<div id="background_pattern"> <!-- fuzz -->

<div id="background_leaves">

<!-- end background divs -->

The CSS looks like this

#background_right {

background-image: url(https://sunny-kids-wordpress-theme.dtbaker.net/wp-content/themes/sunny-kids/images/background_leaves_right.png);

position: absolute;

top: 0;

bottom: 0;

width: 122px;

right: 0;

background-position: top right;

background-repeat: no-repeat;

}

You can do the same on header.php

Regards,

Ismael

Hi,

Please refer to this link. This is the only solution provided by Kriesi.

https://kriesi.at/support/topic/scrolling-to-bottom-before-gallery-loads

Regards,

Ismael

Hi,

I think it is cause by the .content selector. You can decrease the padding on your custom.css or Quick CSS

.content {

padding-top: 10px;

padding-bottom: 10px;

}

Regards,

Ismael

Hi,

Edit js > avia.js, find this code

//check if the browser supports element rotation

function avia_header_size()

{

var win	            = $(window),

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

logo			= header.find('.logo img'),

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();

}

Replace it with this:

//check if the browser supports element rotation

function avia_header_size()

{

var win	            = $(window),

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

logo			= header.find('.logo img'),

logoimg			= $('.logo'),

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;

logoimg.show();

//header.removeClass('shadow');

}

else

{

newH = el_height/2;

logoimg.hide();

//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();

}

Regards,

Ismael