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

Hi,
Glad to hear this helped, for mobile you may want to use this:

@media only screen and (max-width: 767px) { 
	#top.home .n2-ss-no-bga-fixed {
    top: -130px;
}
}

to make the mobile header background header transparent on first load, try this:

@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency {
    background-color: transparent;
}
}

on scroll the header will turn black, if you want it to stay transparent use this instead:

@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #top #wrap_all #header.av_header_transparency,#header.header_color .header_bg {
    background-color: transparent;
}
}

to delay the header by 8 seconds (after your splash screen) Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

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

to move your menu items up try this:

#top #header_main #av-burger-menu-ul {
    vertical-align: top;
}

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

Best regards,
Mike

Hi,
Thank you for the update perhaps others will also find this modification helpful. 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

Hey alliansohog,
Thank you for your patience and for the link to your site, but without logging in I can not see the content of your link, as it is a “preview” of a draft.
From your description, it sounds like you want to change a text block on your page with the sub-menu items, this may be possible by hiding the content on the page and making it visible by clicking on the menu items.
Is this what you ment?
Please include an admin login in the Private Content area and a test page for us to see your example.

Best regards,
Mike

Hi,
Glad we were 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,
To change the arrow to black please adjust the css to this:

.html_av-submenu-hidden .av-submenu-indicator:before {
    font-size: 20px;
    color: #000;
}

As for the header css, I didn’t mean for you to add it to your site, that css is already there, you should find and remove the css and correct your logo image in the theme settings.
For example find this css and remove it:

 .responsive #header_main .container {
        height: auto !important;
    }

this should keep your header from changing sizes on page load.

Best regards,
Mike

Hey Corina,
Thank you for your patience and for the screenshot and login, for the meta date I found that you had the date and time values in the WordPress ▸ Settings ▸ General ▸ Date Format set empty, I changed this so the date would show, feel free to re-adjust to suit.

For the HR, you had the sidebar active on the post, even though there was no sidebar visible the class was in the page and the HR adjust to suit. The other elements were full-width elements so they didn’t need to take notice. I disabled the sidebar and now the HR is full-width.

Best regards,
Mike

Hey Lautho2011,
Please try using the option at Button Element ▸ Border ▸ Border Radius and adjust to suit:

you should see results like this:

If you are still having trouble please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike