Hi,
Thanks for the login, I enabled the de-bugger and tested your locations page, but didn’t find any errors. I also tried adding a color section and text element to the page, which worked fine.
Can you explain what you are trying to change on the page when this error occurs so we can duplicate it.

Best regards,
Mike

Hi,
Oh I see, thanks for the images. I adjusted the colors like this:

.av_header_transparency .main_menu {
    background: rgba(0,0,0,0.4);
    padding-right: 10px;
}
.header-scrolled .main_menu {
    background: white; 
    padding-right: 10px;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I adjusted the css a little, Please clear your browser cache and check.

Best regards,
Mike

Hey Olga,
For the contact form styling, you would need to add the class to the form fields for the custom css to take effect, I see the person that wrote the post didn’t explain that step. So I added “class:enf_fields” to your CF7 fields and “class:enf_button” to the CF7 button for you.

For the menu, I changed the background color in your css to: “background: rgba(0,0,0,0);”
which removes the gray color.

Please clear your browser cache and check these two solutions.

Best regards,
Mike

Hi,
Danke für das Login. Ich habe diesen Code zu Ihrem: Enfold Theme-Optionen> General Styling> Quick CSS-Feld hinzugefügt
Bitte löschen Sie Ihren Browser-Cache und überprüfen Sie.

———–

Thank you for the login. I added this code to your: Enfold Theme Options > General Styling > Quick CSS field
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

li#recent-posts-6 a {
font-size: 12px !important;
font-weight: bolder !important; 
color: #5D1E15 !important;
}

Please adjust the font size, color, & weight to suit.

Best regards,
Mike

Hi,
Glad to hear, Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
You can access it in the WordPress dashboard panel, under Appearance > Editor
or in your cPanel file manager,
if you are using a child theme it would be: \wp-content\themes\enfold-child\functions.php
without a child theme it would be: \wp-content\themes\enfold\functions.php

Best regards,
Mike

Hi,
I took a look at your site and added this code in the General Styling > Quick CSS field to enable the mobile menu:

@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
    display: block !important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please see this post, I think it will help explain

Best regards,
Mike

Hi,
If I understand correctly, the space between your products is too large, I took a look and while I couldn’t find the same page in your screenshots, the pages I did see seemed fine.
Please see the screenshot in Private Content area of what I see.

Best regards,
Mike

Hi,
Thank you, I uploaded the Great Vibes font to your site at: Enfold Theme Options > Import/Export > Custom Font Manager
and added the rule to use it for your sub-heading in your css.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey Freek,
I tried to match your setup on my localhost and found that 6800×3200 seemed to work fine
Please try the image in the Private Content area, if it is still a not right for your 5k screen then make the image wider but not any higher.

Best regards,
Mike

Hey Grafischinvorm,
I took a look at your site, and see that your slider images of the people have their heads clipped a little, to minimize the amount of clipping we could make your mobile header transparent with this css, please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 766px) { 
  .responsive #top #main {margin-top: 0px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

which makes your logo a little hard to read.

Another option is to adjust this code a little to push the images down a little, so the header looks black and your images are maximized.

@media only screen and (max-width: 766px) { 
  .responsive #top #main {margin-top: 80px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

Please these a try and let us know if either of them help, or if you would like a different option.

Best regards,
Mike