Hey jeroenvandessel,
To display your social icons in a row, first copy your current social icons in your header by inspecting your page and right clicking to choose “Edit as HTML”

then copy and paste in a code block, here’s an example:

<ul class="noLightbox social_bookmarks icon_count_6"><li class="social_bookmarks_twitter av-social-link-twitter social_icon_1"><a target="_blank" href="http://twitter.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li><li class="social_bookmarks_facebook av-social-link-facebook social_icon_2"><a target="_blank" href="http://facebook.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_youtube av-social-link-youtube social_icon_3"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube"><span class="avia_hidden_link_text">Youtube</span></a></li><li class="social_bookmarks_instagram av-social-link-instagram social_icon_4"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram"><span class="avia_hidden_link_text">Instagram</span></a></li><li class="social_bookmarks_pinterest av-social-link-pinterest social_icon_5"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Pinterest"><span class="avia_hidden_link_text">Pinterest</span></a></li><li class="social_bookmarks_reddit av-social-link-reddit social_icon_6"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Reddit"><span class="avia_hidden_link_text">Reddit</span></a></li></ul>

then add this code in the General Styling > Quick CSS field:

.social_bookmarks li a {
    border-radius: 100px;
}
.social_bookmarks li {
border: none !important; 
}

Expected results:

If you would like to use the larger icons elements use the wand tool in the default editor to get the shortcodes for the icons, and paste into a code block element adding a div with a custom class, here’s an example:

<div class="sbox">
<ul class="avia-icon-list av-iconlist-big">
<li class="avia_start_animation"><a href="https://www.facebook.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
<li class="avia_start_animation"><a href="https://twitter.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>

<li class="avia_start_animation"><a href="https://plus.google.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
<li class="avia_start_animation"><a href="https://www.youtube.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>

<li class="avia_start_animation"><a href="https://instagram.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
<li class="avia_start_animation"><a href="http://tumblr.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>

<li class="avia_start_animation"><a href="https://www.linkedin.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
<li class="avia_start_animation"><a href="http://www.pinterest.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
</ul></div>

then add this code in the General Styling > Quick CSS field, take note of the custom class for the opening div above:

.sbox ul.avia-icon-list li {
    float: left;
    clear: none;
}

Expected results:

Here is some more info

Best regards,
Mike

Hi,
I moved the image outside the green color section and made the green color section 250px high, then added a custom class and aligned the image to the right and moved it up with this css in the General Styling > Quick CSS field:

.image-one {
    margin-top: -33% !important; 
}

Try adjusting in for tablets and hiding the image for mobile, or moving it down.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
This is how I manually import a demo to hosts that seem to resist all other methods, install WordPress & Enfold on a localhost, & then install the demo you wish.
Then upload all of the files in /wp-content/uploads/ from your localhost via FTP to your live site, then push your database from your localhost to your live site using this plugin.
Read the plugin site on how to use it.

One other option is to install the demo on a localhost, FTP the files, and use this plugin to save your database, and then use it in PHPmyAdmin to replace your live site database. Mostly the same steps, only the first plugin is easier.

Best regards,
Mike

Hi,
Good to hear, shall we close this then?

Best regards,
Mike

Hey jeroenvandessel,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
#header_meta.av_extra_header_active {
display: none !important;
}
}

Best regards,
Mike

Hi,
Thanks for sharing your solution.

Best regards,
Mike

Hi,
Glad Ismael was able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry I see that is correct, WordPress doesn’t offer a.m.
Perhaps there is a plugin that will do it but I couldn’t find one.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry I now see when I was testing I was clicking on the screen and not the button, but this should solve:

.avia-fullscreen-slider .av-click-overlay {
    z-index: 90!important; 
}

in your testing let us know if you find this code interfering with any other elements.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I have replied to that post.
Glad we were able to help with this one, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
I was able to install the demo, please login with the details in the Private Content area.
Please create your new users then delete the demo user.
Then go to WordPress > Settings > General and change the default site email address to your own, also check all other settings.
Please let us know if there is there anything else we can assist with on this.

Best regards,
Mike