Hey XtremeHospitality,

Thank you for using Enfold.

Create two color sections with the same height. In the first color section, set the Section ID to “fixed-section” and use “invisible-section” for the next one. Add the following code in the Quick CSS field:

#fixed-section {
    position: fixed;
    top: 0;
}

#invisible-section {
    visibility: hidden;
}

Best regards,
Ismael

Hey!

Duplicate thread: https://kriesi.at/support/topic/scrolling-problem-due-to-header-continue-of-2nd-and-3rd-full-screen-topic/

We’ll close this one for now.

Regards,
Ismael

Hi,

Again, this will take time, weeks, months, depends on google crawlers and how much you work on the site. I searched for the “kaloraat things-to-consider-before-buying-domain-and-hosting/” and you can see your site on top of the SERP.

View post on imgur.com

Please contact an SEO consultant if you need immediate results.

Best regards,
Ismael

Hi,

The positioning works if you resize the browser. This should work:

add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){
	var int = '';
	$( "#top .tabcontainer" ).bind({
	mouseenter: function() {
		int = window.setInterval(function(event){
			$(window).trigger('resize');
			console.log('resize');
		}, 1000);
	},
	mouseleave: function() {
		setTimeout(function() {
			clearInterval(int);
		}, 1000);
	}
});
})(jQuery);
</script>
<?php
}

Add the code in the functions.php file.

Best regards,
Ismael

Hi,

We can’t find the contact form in the “contact” page. Did you remove it? Please create a test page so that we can inspect the issue. By default, the from address will be ” (Email address hidden if logged out) ” but you can use the value of the E-mail field. https://kriesi.at/support/topic/contact-formular-email-adress-error/#post-597619

Best regards,
Ismael

Hi,

The code that we suggested affects all containers. Please replace it with:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header_main .container {
    width: 100%!important;
    max-width: 100%!important;
    padding-left: 20px!important;
}

#top #wrap_all #advanced_menu_toggle {
    margin-right: 20px!important;
}
}

I can’t seem to reproduce the issue on my end and based from the codes that we suggested previously, I can’t see any reason why it will disappear on scroll. What happens if you disable the css modifications?

Best regards,
Ismael

Hi,

Broke everything? Which elements? Replace it with the following:

.avia_transform .av-extra-border-element .av-extra-border-inner {
    top: -39px;
}

.avia-section {
    overflow: visible;
}

Add a unique Section ID then replace the “.avia-section” selector.

Best regards,
Ismael

Hi,

We can the background size property to 100% or let it inherit the dimension of the container, but it will distort the images on certain screen sizes. Please add this css code.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
    background-size: 100% !important;
}
}

Best regards,
Ismael

Hey 1039 Online,

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

#after_section_1, #after_section_2, #after_section_3, #after_section_4, #after_section_5, #after_section_6 {
    border-top: none;
}

Best regards,
Yigit

Hi achtung-de!

I replied you here – https://kriesi.at/support/topic/layout-builder-not-working/
Please do not create duplicated threads as it is making it harder for us and for other users to follow.

Best regards,
Yigit

Hey 1039 Online,

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

.header-scrolled .sub-menu {
    top: 75px!important;
}

Best regards,
Yigit

Hi,

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

#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select {
    border-color: blue;
}

Best regards,
Yigit