Hi madakumbu,

I see, that’s great to hear. :)
As long as it’s below the first color section, just changing the page id number should be fine.
I’ll consider this case closed then, just open up a new thread if it doesn’t work and we would be happy to assist.
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hey advteksol,

Thanks for giving us admin access.
I have done the following steps:
1. I have added an image inside those grids (same as the background) then hidden it in large screens and medium sized screens in Element Visibility (under Advanced > Responsive).
2. And in the cell that contain the image, I added no-padding in Custom CSS Class (under Advanced > Developer Settings).
3. Then added this CSS code in Enfold > General Styling > Quick CSS.

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all .av-flex-cells .no-padding {
    padding: 0 !important;
  }
}

If you need to do this on other gridrows and images, just do step 1 and 2 and it’s all good.

Best regards,
Nikko

Hi stoneroad,

Please try to disable CSS file merging and compression and Javascript file merging and compression in Enfold > Performance.
Hope it helps.

Best regards,
Nikko

Hi emilconsor,

We apologize for the delayed response.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi playa-media,

Please try adding this CSS code in Enfold > General Styling > Quick CSS:

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

Best regards,
Nikko

Hey Jochen,

Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

#top .scroll-down-link {
    left: 50% !important;
}

Best regards,
Nikko

Hey Magdalena,

Can you give us a link to the page? (you can put it in private content, if you don’t want to others except the moderators to see the link)
Then point us to the column you want to tweak.

Best regards,
Nikko

Hey tlachev,

Please update Enfold to the latest version (4.9) which is compatible to PHP 8.
Please downgrade your PHP version first, backup your site, perform the theme update then upgrade the PHP version to 8.x.
Hope this helps.

Best regards,
Nikko

Hi guidiepartner,

Can you try using this code instead:

#top .fullwidth .container {
    max-width: 100%;
    padding-right: 0;
}

The expected result should be like this: https://imgur.com/Qo8hLJY

Best regards,
Nikko

Hi guidiepartner,

Please use this code instead:

.fullwidth .container {
    max-width: 100%;
    padding-left: 0;
}

if it does not work, then please provide a link to the page, so we can inspect it.

Best regards,
Nikko

Hi christiemade,

Can you setup a staging site for us? so we can try to inspect further without affecting your live site.

Best regards,
Nikko

Hi ezcom,

Can you give us a link to the page where you want to implement this layout? so we can try to give you a specific CSS code that should help with it.

Best regards,
Nikko

Hi Kim,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi christiemade,

We’re glad that we could help :)
What are those customizations?
As for overriding avia_masonry, you should be able to do it easily by creating a class with the name of avia_masonry in your child theme.
You can just copy the whole class and paste it in functions.php file (though I suggest you use a separate file and then include it) then make tweaks to it.

class avia_masonry extends \aviaBuilder\base\aviaSubItemQueryBase
{
  // all the code inside
}

I hope this helps.

Best regards,
Nikko

Hi terishka1,

Please try to add this CSS code:

#top .av_header_glassy.av_header_transparency .social_bookmarks li a:hover:before {
    color: white;
}

Best regards,
Nikko