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,
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,
please compare this to the original:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
padding-left: 15px !important;
padding-right: 15px !important;
}
.responsive #top .av-masonry {
background-color: #f5f0eb !important;
}
}

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
    margin-bottom: 0;
}

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

Best regards,
Mike

Hey Richard,
I believe that you need to add the background-color to the html element which I believe shares the color with the Socket Background Color
But if you don’t want to also change this color, try this css:

html {
	background-color: blue !important;
}

and adjust the color to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_transform .av-parallax-object.active-parallax.avia_start_delayed_animation.right-to-left {
    animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
}
.js_active .av-parallax-object.active-parallax {
    opacity: 0;
    transition: none
}

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

Best regards,
Mike

Hey plichtovav,
Please note that your homepage is created with the Advanced Layout Builder (ALB) please use this to edit the page:

If you try to edit the page with a different editor it may cause issues. I corrected this for you so you can edit your page, please check.

Best regards,
Mike

Hi,
Try adding !important; after background-color: #f5f0eb; like this:

@media only screen and (max-width: 767px) {
  .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  .responsive #top.page-id-21 .av-masonry {
    background-color: #f5f0eb !important;
}
}

Best regards,
Mike

Hey zdenkab,
Thank you for the link to your site, I see that you are using v5.7 and your Envato token is unverified.
You could try using the Envato Market Plugin and create a new Envato Token in your Theme Forest account.
Or you could manually update and then Envato Token in your Theme Forest account.
To manually update Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
When I test this on my site the only time I see and error is if I try to use a portfolio element.
So if you want to disable the portfolio CPT you should ensure to not use a portfolio element.

Best regards,
Mike

Hi,
On mobile I see #f5f0eb;
try clear your browser cache.
If you mean desktop add this css:

 #top.page-id-21 .av-masonry {
    background-color: #f5f0eb;
}

Best regards,
Mike

Hi,
To match the masonry on /photography/iraq/ width with homepage width on mobile please use this css instead:

@media only screen and (max-width: 767px) {
  .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  #top.page-id-21 .av-masonry {
    background-color: #f5f0eb;
}
}

This will also match the background color.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead to have larger round social icons in the socket, it also adds a white background color before mouse-over and on mouse-over the icon colors show, I have not sure what color you wanted as typically there is no color until mouse-over, feel free to adjust the color to suit.

#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#top #wrap_all .av-social-link-instagram a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}
#top #wrap_all .av-social-link-linkedin a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}

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

Best regards,
Mike

Hey Jak73,
Add the page ID to the css like this:

.html_header_top.html_header_sticky.html_large .page-id-1616 #main {
padding-top: 66px;
}

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

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