Hi,

Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

.container {
    transition: none;
    -webkit-transition: none;
}

Best regards,
Rikard

Hi Amy,

The login details you posted are not working, please check and verify. If you have a screenshot highlighting what you would like to achieve, then please share that with us as well.

Best regards,
Rikard

Hi luismiguelsantos,

Great, I’m glad that you found a solution, and thanks for sharing it :-)

Best regards,
Rikard

Hi Hanna,

I’ve added the CSS for you, and it’s applying on your site. You will have to change this to adjust it on small mobile screens:

@media only screen and (max-width: 478px) {
.froystul-banner-caption-section {
    top: -190px !important;
}
}

Adjust the value 190 up or down, to suit your needs.

It’s possible to design sites with Enfold without knowing CSS, but since you have a custom solution here, then you need to know CSS in order to adjust it for different screens. If you intend to keep on using custom solutions, then I would recommend that you learn CSS. Also please note that we are not here to customise your site for you, although we try to help out as much as we can.

Best regards,
Rikard

Hi Matt,

Thanks for the video, I can’t reproduce the problem on my end though. Could you try using a different browser, or try logging in with the account you provided us with instead, to see if that helps please?

Best regards,
Rikard

Hi Stephan,

Please try this CSS:

header.av_minimal_header_shadow {
  box-shadow: 0 0 12px 6px rgba(0,0,0,0.3);
}

header.av_header_transparency {
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

Best regards,
Rikard

Hi,

Great, I’m glad that you got things working again. I’m not sure what could have been the reason unfortunately, but a plugin could have been responsible. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

You have CSS in Quick CSS which is overriding the code I gave you, I add this instead:

.av-burger-menu-main a {
  margin-top: -50px !important;
} 

It’s applying to your site now.

Best regards,
Rikard

Hi,

Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you got things working, and thanks for the update. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Igitt23,

That is the Masonry element, please try that out. You can control the sorting in the Sorting tab, in the element options. If you need the shortcode for the element, then please let us know.

Best regards,
Rikard

Hey marladesign,

Sorry for the problem. Did you try out the suggestions in the article which you linked to? If you did, and none of them worked, then your hosting provider should be in a better position to help you out with this, since there’s likely a server setting which needs to be tweaked in order to get the imports to work properly.

Best regards,
Rikard

Hi,

Thanks for the update. What exactly do you mean by shrinking the Color Sections? If you are referring to the image sizes, then you might want to consider duplicating the sections, and show the new ones only for mobile screens, and use images which are better adapted for mobile in them. You can control the section visibility in the Advanced tab in the element options.

Best regards,
Rikard

Hi,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi Patrick,

Thanks for reporting this, I can reproduce the problem on a test installation as well. I’ll pass this information on to our developers, and we’ll let you know once we have a solution ready.

Best regards,
Rikard