Hi,

Did you try this code?

function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
	jQuery(".grid-entry-title a").on('click', function(){
	 var offsetTop = jQuery(this).offset().top - 150;
	 jQuery(".portfolio_preview_container").css('top', offsetTop);
	});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Josue

Hi,

To fix the hover issue please add the below css

.html_header_top.html_bottom_nav_header #top .main_menu ul:first-child>li#menu-item-search:hover {
    position: absolute;
}

Best regards,
Vinay

Hey Noy,

1. To center any content or slider use the grids 1/5 + 3/5 + 1/5 and place your content inside 3/5. Enfold has a builtin easy slider give it a try.

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

.html_header_top #top .av_logo_right .logo {
    left: 50%!important;
    right: auto!important;
    transform: translate(-50%)!important;
}

#header_main nav .social_bookmarks {
    position: absolute!important;
    float: right!important;
}
.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    width: 100%;
}

3.
To center read more link please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.read-more-link {
	text-align:center;
}

Best regards,
Vinay

Hi,

Please try the following CSS:

@media only screen and (max-width: 767px){
.responsive #top #header_meta .social_bookmarks li, .responsive #top #header_meta .social_bookmarks li:last-child {
    border: none !important;
}
}

Best regards,
Jordan

Hey!

Try adding this code to the Quick CSS:

#top .grid-sort-container .grid-parity-even .grid-content{
    background: #d1d1d1;
}

#top .grid-sort-container .avia-arrow{
    display: none;
}
#top .grid-sort-container .grid-entry-title {
    background: transparent;
}

Cheers! 
Josue

Hey imaginetastyweb,

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

@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency #header_meta {
background: #666!important;
}}

If you still have any issues please post a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hi!

Please use the code provided here and don’t forget to replace the images with your own :)

Cheers!
Vinay

Hey djshortkut,

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

@media only screen and (max-width: 767px) {
.responsive #top #main .container_wrap:first-child {
    margin-top: -84px;
}}

Best regards,
Vinay

Hey,

Don’t use another element, instead set a custom ID to one of the sections and use this CSS:

#bordered-section{
border-top: 3px solid gray;
}

Best regards,
Josue

Hi,

1. I checked a Post and the tags showed here – http://screencast.com/t/k3rjuUe2i8q
2. The access you provided is no longer working.

Best regards,
Josue

Hey bilgilib!

Please take a look at Gunter reply here

https://kriesi.at/support/topic/how-to-change-read-more/

let us know if that is any helpful for you.

Regards,
Basilis

Hey msrun101,

Thanks for getting in touch with us!

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

#top .header_color input[type='text'] {
    color: black !important;
}

Best regards,
Jordan