Hi Stilecatalini,

Please remove this code inside @media only screen and (max-width: 767px):

#header.header_color > .header_bg {
    background-color: rgba(20, 21, 23, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

Then replace this code:

#top #header .header_bg {
background-color: rgba(20, 21, 23, 0.3);
backdrop-filter: blur(15px);
}

with:

@media only screen and (min-width:1080px) {
  #top #header .header_bg {
    background-color: rgba(20, 21, 23, 0.3);
    backdrop-filter: blur(15px);
  }
}

Best regards,
Nikko

• This reply was modified 2 years, 1 month ago by Nikko.

Hi Stilecatalini,

Thanks, that blur is caused by these codes:

#top #header .header_bg {
    background-color: rgba(20, 21, 23, 0.3);
    backdrop-filter: blur(15px);
}

and this code inside @media only screen and (max-width: 767px):

#header.header_color > .header_bg {
    background-color: rgba(20, 21, 23, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

Best regards,
Nikko

Hi acardell887,

Yes, but it doesn’t seem to show up as it should.
You can verify this by loading your site in a browser then right click anywhere on your site and choose Inspect, then press ctrl + F on your keyboard (or cmd + F on Mac), then search for googletagmanager.
Adding it via Theme Editor without a child theme would be problematic as the theme files are replaced when you update the theme thus anything you changed will be lost during a theme update.
I install and activated a plugin called WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager on your site and tried to move the code there, and I could see the code showing up properly.
Please review your site.

Best regards,
Nikko

Hi 360buddy,

I see, please replace the code I gave you with:

#footer {
    z-index: 0;
}

Hope it helps.

Best regards,
Nikko

Hi Stilecatalini,

This is what I see on mobile (screenshot link in private content).

Best regards,
Nikko

Hi MS,

Please try to use this plugin: Custom Post Type Permalinks
Once the plugin is installed and activated, go to Settings > Permalinks > Permalink Settings for Custom Post Types > portfolio set to /%portfolio_entries%/%postname%/
The slug does not work with subcategories but it does work properly with categories.
Once this is done, please review your site since I only briefly tested it.
Also, the plugin was last updated 2 years ago (though it seems to work fine), you might want to check other plugins that might work better with subcategories.

Best regards,
Nikko

Hi Pascal,

The recommendation to temporarily disable Enfold > Performance > File Compression was intended to ensure that the updated CSS code is fetched, as certain websites may still utilize a cached version of the CSS. This precautionary measure helps guarantee that the newer CSS code will be fetched.

Best regards,
Nikko

Hi rixi,

I’m glad that Mike was able to assist you. :)
Thank you for choosing Enfold, and I wish you a fantastic day ahead!

Best regards,
Nikko

Hi maryenvato,

We’re glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Leadsocial,

You can set Grid Row Minimum Height to At least 100% of browser window height, so you don’t need to use a Color Section for that.

Best regards,
Nikko

Hi sundara88,

Thanks for giving us access.
Can you upgrade the permission to an administrator level? so we can try to check on it further.

Best regards,
Nikko

Hi maryenvato,

Yes, it’s possible, use this PHP code instead:

add_filter('avf_contact_form_incoming_mail', 'avia_append_url', 10, 6);
function avia_append_url($mail_array, $new_post, $form_params, $class, $from, $from_filtered) {
	$referrer = "\r\n URL: " . $_SERVER['HTTP_REFERER'] . "\r\n";
	$mail_array["Message"] .= $referrer;
    return $mail_array;
}

Best regards,
Nikko

Hi Nomad,

I apologize, you’re right, there’s no padding in Text Block, I was actually referring to the button with regards to padding, as for Text Block, it is possible via CSS.
Edit the Text Block, go to Advanced (tab) > Developer Settings > Custom CSS Class and put myblock (you can change myblock to any name)
Then in Enfold > General Styling > Quick CSS:

#top .myblock {
  padding: 8px 20px; /* 8px padding top and bottom, 10px padding left and right */
}

There’s a lot of things that can be put into it, here’s a list: https://dofactory.com/css/properties
Hope it helps.

Best regards,
Nikko

Hi Stilecatalini,

When you said “when the page is up”, do you mean the overlay is shown when the burger menu is clicked?

Best regards,
Nikko

Hi webacom,

I’m glad that Rikard could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko