Hey Peter,
Thanks for your patience, I didn’t see this thread. To show the arrows try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-fullscreen-slider .avia-slideshow-controls a, 
#top .avia-fullscreen-slider .av-control-minimal .avia-slideshow-controls a {
    opacity: 1;
}

For your other question try this css and adjust to suit if it is not exact:

#top .avia-slideshow-dots a {
	margin: 0 14%;
}

Best regards,
Mike

Hi,

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

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
  color: white !important;
}

Best regards,
Rikard

Hi,

I see that other users have had the same problem as you with OVH hosting, maybe this thread will help you out? https://kriesi.at/support/topic/demo-installation-fails-2/

Best regards,
Rikard

Hi,

Thank you for the suggestion. This seems to be a general WordPress issue occurring in the latest versions of macOS and Safari. Please check the link below.

// https://wordpress.org/support/topic/safari-18-0-breaking-classic-editor/

Best regards,
Ismael

Hi,

Please start a new thread for any additional questions. Long threads can go off-topic and are harder to support and search. Keeping each thread focused helps everyone find answers more easily.

Best regards,
Ismael

Hi,
I don’t think that you can have the fade-in on the top video because the scroll requires a scroll for it to work, this is why it is blank on the page load, until you scroll.
Note that on Guenni007’s example the video is midway so you can scroll: https://webers-testseite.de/snowfall-video-3/
On the NY Times site the top video fades-out on scroll so it shows on the page load.

Best regards,
Mike

Hi,

Thank you for the update.

Doing these changes has messed-up the mobile menu and the line is still showing on mobile

Try to move the css code inside a css media query. Please replace the previous code with this:

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  #top #avia-menu:after {
    content: "";
    width: 90%;
    height: 2px;
    display: block;
    position: absolute;
    background: white;
    top: 140px;
  }

  #top #avia-menu {
    margin-top: -19px;
  }
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey bemodesign,

Thank you for the inquiry.

Did you add this css code?

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 1em;
}

Please try to temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes to the theme options take effect. Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

Please try to add this css code inside the css media query for smaller screens (max-width 767px):

#top .flex_column_table.av-4btnt-bc0f998b93a28d7e425a3498b18d0188.sc-av_one_fourth.av-equal-height-column-flextable {
    display: flex !important;
    flex-direction: row;
}

#top .flex_column_table.av-equal-height-column-flextable.av-4btnt-bc0f998b93a28d7e425a3498b18d0188 .av-flex-placeholder {
    display: none;
}

As @Guenni007 pointed out above, please make sure to check for any invalid css code.

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the css code a bit. Please try it again:

@media only screen and (max-width: 767px) {
  #top #wrap_all .avia-slideshow .av-slideshow-caption.av-m1g8o6g7-f7efce2774fcf0ca4bccdacd45c3be64__0 .avia-caption-title {
    font-size: 22px !important;
  }
}

Regarding the text color, please edit the slide, then configure the settings in the Styling > Colors panel.

Best regards,
Ismael

Hi,

Thank you for the update.

Please try to include this css code to create a border below the menu items:

#top #avia-menu:after {
    content: "";
    width: 90%;
    height: 2px;
    display: block;
    position: absolute;
    background: white;
    top: 140px;
}

#top #avia-menu {
    margin-top: -19px;
}

Best regards,
Ismael

Hi,
4: to add the “homepage” menu item please add manually your menu
3: to add the logo to your burger menu, create another menu item and add an image as in this thread
2: to add the text “menu” below the burger icon, the text is all ready there but it is hidden, you can try this css:

#top .av-hamburger ~ .avia_hidden_link_text {
	display: block;
	top: 25px;
  position: absolute;
}

or make a new burger icon with the text in the image following this thread changing the icon code with a image link.
1: you could use css to change the menu link color, but note that all sub menu item under the parent will also change, each sub menu item doesn’t have it’s own class in the burger menu.

Best regards,
Mike

Hey Antonio,

The update to 6.0.4 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new 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,

I could reproduce it now – I will add a fix to react correctly when the address bar hash changes.

But I think this will not solve the problem from the initial topic.
I will let you know here, when I have the fix.

Best regards,
Günter

Hey whdsolutions,

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

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu, .html_header_top.html_main_nav_header #top .av_menu_left .main_menu .av-main-nav-wrap {
  width: 100%;
}

#top #header .av-main-nav > li {
  width: 25%;
}

Best regards,
Rikard