Hi,
Glad Yigit was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience, the Dev Team has created a patch for this issue which will be included in the next update, if you would like to add this to your theme now please save a copy of your current \wp-content\themes\enfold\config-gutenberg\js\avia_blocks_front.js for backup and replace it with the file linked below. Then disable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression option and enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files option and clear your browser cache and any cache plugin, a couple of times, and check.

Best regards,
Mike

Hi,
Thank you, I assume that you don’t want the underline, so please try this css instead:

#top.single-post .entry-content a,
#top.single-post .entry-content a strong {
	    color: #316694;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this:

@media only screen and (max-width: 767px) { 
.responsive #top .logo,.responsive .logo img { 
	width: 100%; 
	margin: auto;
}
}

Best regards,
Mike

Hi,
Thank you for the link to your site, I believe that I understand but I was not sure if I could edit your page so I copied it to my testing site to create this example, please see the working example link below. Above you said you wanted to hide & show the color sections and their content so I started by duplicating your main color section and adding special headings One & Two so it would be clear which we are looking at:

each color section has a custom ID “one” or “two” and the full-width sub-menu has a simple menu built in the sub-menu with two buttons and manual links with only a hastag:

then to hide or show the color sections I added this script inside a code block element and the bottom of the page:

<script>
(function($) {
	$('#one').show();
	$('#two').hide();
	$('#av-custom-submenu-1 .menu-item-top-level-1').on('click', function(e) {
		e.preventDefault();
		$('#one').show();
        $('#two').hide();
    });
    $('#av-custom-submenu-1 .menu-item-top-level-2').on('click', function(e) {
    	e.preventDefault();
        $('#two').show();
        $('#one').hide();
    });
}(jQuery));
</script>

Please give this a try.

Best regards,
Mike

Hi,
To have all single post links have a blue underline try this css in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top.single-post .entry-content a {
	text-decoration: underline;
    text-decoration-color: #316694;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the login, you had an un-closed comment tag in your css, I corrected and now it’s working

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
the media query @media only screen and (max-width: 989px) { says that this rule will only work below 989px, I don’t recall why were doing that but to have the transparent header for all screen sizes please remove it and the last braket like this:

.html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency,
#header.header_color .header_bg {
    background-color: transparent;
}

Best regards,
Mike

Hi,
Thank you for your patience, I took a look at your pages:

to try to help with Yigit’s solution, but these pages don’t have a slider on them like the homepage that Yigit helped with, so I’m not sure what is wrong with these pages, could you please explain?

Best regards,
Mike

Hey ClimbingSocks,
Your code above works correctly when I inject it via the browser so it should work on your site. Perhaps you have an error in your custom stylesheet such as a missing bracket.
Please try the code in the WordPress ▸ Customize ▸ Additional CSS field to see if it works then, if not then please include an admin login in the Private Content area so we can check.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Mindaugas,
Thank you for contacting us, the styles & settings should be compatible, but v4.8.6.5 needs PHP v7.4 and WordPress v5+
I recommend creating a staging site of your live site if you can, this is an option in most cPanels to create a staging clone of your site so you can test on it and your live site will stay up and running. You can always ask your webhost to help you with setting this up if you want.

Here are some screenshots of what it would look like:

Then via FTP look for the “enfold” folder at /wp-content/themes/enfold/ and rename to “enfold-old” then upload the new version as the folder “enfold”
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
Once you have cleared your browser cache and tested that your site is working correctly, you can delete the old folder “enfold-old”.

Best regards,
Mike

Hi,
I changed the script to this:

function delay_header() { ?>
    <script>
(function($) {
	var width = $(window).width()
	if ((width >= 768)) {
	$("#header").css({'opacity':'0'});
	setTimeout(function(){
	$("#header").css({'opacity':'1'});
	},8000);
	} else {}
}(jQuery)); 
</script>
    <?php
}
add_action('wp_footer', 'delay_header');

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks our responses did cross, instead of adding more to achieve this lets set the header with these settings, I un-checked Enfold Theme Options ▸ Header ▸ Header behavior ▸ Shrinking Header and changed Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Size ▸ custom pixel value of 46px, which was the size after scroll. Please check.

Best regards,
Mike

Hey WebDevDept,
Thank you for your patience, as I understand your situation you would like to have some 1/2 column background videos with text blocks next to them like in a checkerboard pattern, tested using a grid row element with text on one side and a code block on the other with an html code for a background video.
This is the backend view:

this is the frontend view:

the html is based on this codepen, and if you are using the Avia Layout Builder Debugger you can add my test page to your site to examine with this shortcode:

[av_heading heading='Below a grid row element is used' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kuvig2gc' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_layout_row border='' min_height_percent='' min_height_pc='25' min_height='0' color='main_color' mobile='av-flex-cells' mobile_breaking='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-5o6ocv' sc_version='1.0']
[av_cell_one_half av_uid='av-4at75r']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kuvihovt' sc_version='1.0' admin_preview_bg='']
This is 1/2 of the grid row, the other half has a background video.
[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' custom_class='' template_class='' av_uid='av-2ohsgf' sc_version='1.0']

[av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' alb_description='' id='' custom_class='' template_class='' av_uid='av-kuvijbtf' sc_version='1.0']
<style>
/* video background */
#background-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

/* page content */
p.text {
  color: #fff;
  font-weight: bold;
  text-align: center;
font-size:2em;
}
span.text {
    top: 30vh;
    position: absolute;
    z-index: 5;
    left: 30%;
    width: 50%;
}

@media (max-width: 750px) {
    #background-video { display: none; }
    body {
      background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat;
      background-size: cover;
    }
}
</style>
<video id="background-video" autoplay loop muted poster="https://assets.codepen.io/6093409/river.jpg">
  <source src="https://assets.codepen.io/6093409/river.mp4" type="video/mp4">
</video>
<span class="text">
<p class="text">THIS IS A RIVER.</p>
<p class="text">How majestic.</p>
</span>
[/av_codeblock]

[/av_cell_one_half]
[/av_layout_row]

Hopefully this helps.

Best regards,
Mike