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

.single-tribe_events #tribe-events-footer {
	display: none;
}

Best regards,
Mike

Hey Tanja,
I believe that you are referring to this section:
*removed*
To hide cell 15 use the Edit Cell ▸ Advanced ▸ Responsive ▸ Mobile display and change to Hide on Mobile

For 6,7,8,9 you can change the position with the Edit Cell ▸ Advanced ▸ Responsive ▸ Mobile Breakpoint Position option:

Note that this is for this one grid row, so the numbers are a little different, but you can’t move from row to row. So to move 5 to 10 I recommend cloning all three sections and organize them the way you want for mobile and set the Grid Row ▸ Advanced ▸ Responsive ▸ Element Visibility to hide on desktop:

and change your original sections to hide on mobile.

Best regards,
Mike

• This reply was modified 1 year, 5 months ago by Rikard.

Hey maryenvato,

Thanks for the kind words and for using Enfold :-)

We don’t provide customisation like that unfortunately, but I’m not sure I fully understand what you are looking to achieve? Do you mean that you want to replicate layouts from other themes or sites?

Best regards,
Rikard

Hi,

Thank you for the update.

Have you tried adding this code in the functions.php file as @Guenni007 suggested in the previous thread?

function admin_head_mod() {
echo '<style type="text/css">
	#postbox-container-2 { clear: left; }
	.index-php #postbox-container-2 { clear: none; }
</style>';
}
add_action('admin_head', 'admin_head_mod');

Thread; https://kriesi.at/support/topic/enfold-back-end-not-working-in-safari-on-sequoia/#post-1468431

Best regards,
Ismael

Hi,

Thanks for that, it’s still working when the parent theme is activate though. You could try using a clean child theme insted: https://kriesi.at/documentation/enfold/child-theme/. There’s no need to use plugins for that.

Best regards,
Rikard

Hi,
Please see our documentation: Add Images to mega menu
and create a new column in the mega menu with the image.

Best regards,
Mike

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.

Thanks @guenni007 for helping out :-)

Best regards,
Rikard

Hey Gianluca,

Did you check your settings under Enfold->General Styling, and Enfold->Advanced Styling?

Best regards,
Rikard

Hi,

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

.page-id-2002 .avia-content-slider-inner span.blog-categories {
  display: none; 
}

.page-id-2002 .avia-content-slider .slide-image {
  max-height: 210px;
  height: 210px;
}

Note that it will only apply to the blog page.

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

Hey bemodesign,

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

.main_menu #menu-item-11678 a:hover {
  color: green; 
}

Best regards,
Rikard

Hey Martin,

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

section.related .inner_product .thumbnail_container {
  height: 300px;
  max-height: 300px;
}

Best regards,
Rikard

Hey Svlf1,

Thank you for the inquiry.

What is the current version of the theme? Please make sure to update to version 6.0.5. If the issue persists after the update, try to toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know of the result.

Best regards,
Ismael

Hi,

We adjusted the css code again. Please make sure to temporarily disable the Enfold > Performance > File Compression settings and purge the cache before testing the page again. You can also try checking the site on incognito mode:

@media only screen and (max-width: 390px) and (max-height: 844px), 
       only screen and (max-width: 375px) and (max-height: 812px) {
    .avia-section.av-4yjl9v-7b320115415e977d04047ac1e3f3980a .av-parallax .av-parallax-inner {
        top: 150px;
    }
}

Best regards,
Ismael