Hi,

Great, I’m glad that we could help. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Alex,

Please try the following in Quick CSS under Enfold->General Styling:

.container_wrap {
    border-top-width: 0;
}

Best regards,
Rikard

Hey ti2media,
Thank you for the link to your site, when I check it sees as to have requested, perhaps you have already solved this?

Best regards,
Mike

Hi,
Glad Ismael could 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

Hey dweddell,
Thank you for the link to your site and your screenshot, try adding a max-width: 33%; to each of your three elements for mobile like this:

@media only screen and (max-width: 767px) { 
	.responsive #top #header #header_main .inner-container .main_menu {
    order: 1;
    flex-basis: auto;
    align-items: center;
    align-self: center;
    height: inherit !important;
    width: 33%;
}
.responsive #top #header #header_main .inner-container .logo {
    order: 2;
    flex-basis: auto;
    min-width: 100px;
    z-index: 9;
    transform: translateY(30%);
    margin-top: -30px;
    max-width: 33%;
}
.responsive #top #header #header_main .inner-container .widget {
    order: 3;
    flex-basis: auto;
    padding: 0;
    clear: none!important;
    justify-content: center;
    align-self: center;
    align-items: center;
    z-index: 1;
    max-width: 33%;
}
}

This is the expected results:

Best regards,
Mike

Hey dondela,
It is from the main container and not the slider, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#main .container_wrap_first > .av-section-cont-open > .content {
	padding: 0;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey togetherconcept,

Please try the following in Quick CSS under Enfold->General Styling:

.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
    text-align: center;
}

Best regards,
Rikard

Hey Loveronika,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#footer .av_one_third {
    margin-left: 0;
    width: 100%;
}
}

Best regards,
Rikard

Hey Amanda,

Updating the parent theme would be the correct way to go yes. If the parent theme version is 4.4.1 or below, then you would have to update manually. You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme files like it was a new installation under Appearance->Themes->Add new theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,
Thanks for the link to your page, the first video element (not the code block) has the correct link format youtube.com/watch?v= and when I test it on my site it works correctly, please see the link in the Private Content area.
Try disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the conflict.
I’m seeing these errors from your site but I don’t know what could be causing them, perhaps a plugin.

Best regards,
Mike

Hey,

Please temporarily switch to Enfold parent theme.

If that doesn’t help, try deactivating all active plugins and check if that fixes the issue.

Best regards,
Yigit

Hey liesbethp1,

Thank you for the inquiry.

1.) You can add this css code to adjust the margins around a specific masonry item.

.av-masonry-container .av-masonry-entry:nth-child(2) {
  margin-top: 200px;
}

.av-masonry-container .av-masonry-entry:nth-child(4) {
  margin-top: 100px;
}

The css code above should affect the first and third items in the gallery.

2.) Have you tried creating a Custom Elements Template for a Masonry Gallery? Please check the link below for more info.

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael

Hey ontariotraining,

Thank you for the inquiry.

Did you previously set the Enfold > Footer Options > Default Footer & Socket Settings to Page based Footer options? Please make sure that the Select Page dropdown is set to Select Page to deselect the custom footer page before selecting a non-Page based Footer option. Or provide the login details in the private field so that we can check the settings.

Best regards,
Ismael

Hi Lion,

I’m sorry for the delayed response.

Please add the following code to the Quick CSS in Enfold theme options > General Styling:

/* To fix the background images on tablet */
@media only screen and (max-width: 1024px) {
    .touch-device #top .avia-section.avia-bg-style-fixed {
        background-attachment: scroll;
    }
}

/* To fix the Social Share icons on mobile */
@media only screen and (max-width: 480px) { 
    .av-social-sharing-box:not(.av-social-sharing-box-rounded, .av-social-sharing-box-buttons, .av-social-sharing-box-default, .av-social-sharing-box-minimal) .av-share-box ul li {
        display: inline-block;
    }
	.av-social-sharing-box-circle .av-share-box ul li, .av-social-sharing-box-icon .av-share-box ul li {
    	margin-bottom: 2px;
    }
}

After adding the code, please make sure to clear any server-side, plugin-based, and browser caches.

Best regards,
Yigit

• This reply was modified 2 years, 2 months ago by Yigit.

Hi,
Glad to hear that you have this sorted out, 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