Hey studiono,

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 idilturkmen,

Can you give us temporary admin access on your site as well?
Just post the credentials in private content.

Best regards,
Nikko

Hi bemodesign,

Yes it won’t show up in Advanced Layout Editor mode and that is intentional.
Page builders work like that, what you put in Advanced Layout Editor content is what will show in frontend, layout can change however Default Editor uses a pre-made layout.
The only workaround this is to use an Image element to show the image and I suggest you still add a featured image because Blog page and some elements like blogposts and masonry uses featured image.
I hope you find this helpful :)

Best regards,
Nikko

Hi genovesefelice,

Autoplay videos should be mute, major browsers such as Chrome and Firefox have already made policies for it, you can read these articles from them:
– https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
– https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

Best regards,
Nikko

Hi smura21,

I tried to check the sidebar flyout menu color but I see the link as white and background color red but I don’t see any pink color.
Can you give us a screenshot on your end?

Best regards,
Nikko

Hi djarrow01,

Please after this code:

@media only screen and (max-width:767px) {

add this code:

.responsive #top #wrap_all #header .social_bookmarks, 
.responsive #top #wrap_all #header .social_bookmarks li, 
.responsive #top #wrap_all #header .social_bookmarks li a {
    height: 30px;
}

.responsive #top #wrap_all .main_menu .avia-menu .av-burger-menu-main, 
.responsive #top #wrap_all .main_menu .avia-menu .av-burger-menu-main a {
    height: 80px !important;
    line-height: 80px !important;
}

Also a tip, you don’t need multiple

@media only screen and (max-width:767px) {

so for example instead of having this code (I used partial of the code above):

@media only screen and (max-width: 767px){
  .responsive #top #header .social_bookmarks {
    display: block!important;
  }
}

@media only screen and (max-width:767px) {
  .responsive #top .logo {
    width: 100%;
    padding-top: 20px;
  }
}

you can write it like this:

@media only screen and (max-width: 767px){
  .responsive #top #header .social_bookmarks {
    display: block!important;
  }

  .responsive #top .logo {
    width: 100%;
    padding-top: 20px;
  }
}

Hope this helps. :)

Best regards,
Nikko

Hi paoluccimarketing,

Thanks for giving us access.
I can’t really give an answer why it’s different but can you try to wrap the Masonry instead inside a Content Layout element.
Maybe that could fix it since it seems to be wrapping inside the same section as those 1/3 columns.

Best regards,
Nikko

Hi NorthcoastProject,

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

Best regards,
Nikko

Hi NorthcoastProject,

We’re glad that we could help. :)
Just some tip that might help (most likely you already know this) but some people who struggle the same issue might not know who sees this thread
The .home is page-specific and works only on the homepage, to make it global replace it with #top
The #av_section_5 is also specific to a Color section, this can be removed to make it global, or use .avia-section so it only applies to all Color section.
Hope this helps.

Best regards,
Nikko

Hi Jaime,

We apologize for the delayed response.
The images seems to be coming from a CDN: https://secureservercdn.net/
Can you try to disable it? if it’s not a plugin maybe it’s from your hosting provider.

Best regards,
Nikko

Hi Carolin,

We apologize for the delayed response.
Can you try to check it again?
I have removed the 2 other sliders and made changes to Quick CSS.
Let us know if you need further assistance.

Best regards,
Nikko

Hi Powtin,

Can you replace the code I gave above with this one:

@media only screen and (max-width:480px) {
  .avia-section {
    background-size: 400px !important;
  }

  .responsive #top #wrap_all .av-minimum-height-75 .container {
    max-height: 220px;
  }
}

Best regards,
Nikko

Hi Carolin,

We apologize for the delayed response.
Thanks for the login credentials.
I have modified the code in Quick CSS (organized the code and media queries and added new css codes).
The slider is not stretched now same as your old homepage, also I would like to ask what’s the difference between the 3 full-width sliders? I think you only need to use 1 or maximum of 2 but it actually depends on the slider image that you are using.
Can you try to check again if it looks much better now on desktop, iPad and mobile?

Best regards,
Nikko

Hi hanafi1234,

Use Masonry element (not Masonry Gallery) under Content Elements.
Do the following setting in the Masonry:
Content tab:
– Select Entries (choose your category to display)
– Sorting:
— Order by: Comment Count
— Display Order: Descending Order
Styling tab:
– Masonry Settings
— Size Settings: Perfect Masonry
— Gap between elements: Large Gap
– Columns (choose if it’s automatic or x number of columns)

Hope this helps.

Best regards,
Nikko

Hi keyseven,

No worries, we’re glad that we could help :)
Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko