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

Hey,

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

#top #wrap_all #header .social_bookmarks a:hover, 
#top #wrap_all #header .social_bookmarks li:hover, 
#top #wrap_all #header .social_bookmarks a, 
#top #wrap_all #header .social_bookmarks li {
  color: white;
  background-color: transparent;
}

#top #wrap_all #header .social_bookmarks a:hover, 
#top #wrap_all #header .social_bookmarks li:hover {
  opacity: 0.8;
}

Best regards,
Yigit

Hey Alan,

Thank you for the inquiry.

Transparent headers are disabled on mobile devices or smaller screens by default, and we don’t recommend re-enabling them. However, if you wish to test it, please add this css code.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
  }

  #top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #333333;
    border-color: #e1e1e1;
  }
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hey Alex,

Thank you for the inquiry.

You can use this css code to adjust the position of the menu items.

#header .av-main-nav > li > a > .avia-menu-text {
    top: 40px;
    position: relative;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

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

.av-main-nav li:hover .avia-menu-fx, 
.av-main-nav li .avia-menu-fx,
.current-menu-item > a > .avia-menu-fx, 
.av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
	top: 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 Henning,

I see that you have placed the CSS inside a media query. Please try to remove it from the query, and place it at the top of the Quick CSS box.

Best regards,
Rikard

Hi,

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

Best regards,
Rikard

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

#top .avia-team-member .team-img-container {
	border-radius: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the clarification.

Please remove the css code listed below.

#top #header_meta a, #top #header_meta li:hover, #top #header_meta .phone-info:hover {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

Then replace it with the following code.

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

#top #header_meta li:hover a, #top #header_meta li.current-menu-item a {
    color: #e61a5e;
}

Best regards,
Ismael

Hey Tim,

Thank you for the inquiry.

Are you trying to disable the hover effect of the masonry items? If so, then you can add this css code.

#top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}

#top .av-masonry-entry:hover .av-masonry-image-container {
    transform: none;
}

Best regards,
Ismael

Hey gfriend70,

Thank you for the inquiry.

This should be possible with the following css code.

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

  /* Add your Mobile Styles here */
  #top #header_meta {
    display: none;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hi,
Thank you for your patience, I checked the IT homepage for mobile and found the large space under the first H2 is caused by the top margin for the special heading below it, caused by some custom css:

so I found the css and disabled it for you:

On your FR site the space after the second H2 separator I added this css:

#top.home #after_section_3 > .container > .content {
	padding: 0;
}
.responsive #top.home #wrap_all #after_section_3 .flex_column {
	margin-bottom: 0;
}

and this seems to have corrected, please clear your browser cache and check.

Best regards,
Mike

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,

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

Best regards,
Rikard

Hi,

We are able to disable the autoplay option for the second vimeo video. The background video of the color section is now playing automatically on page load. Again, please make sure to remove all cookies from the browser and perform a hard refresh before testing the page.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

song into a colorsection but there is no sound.

This is the default behavior of background videos in a color section, otherwise the browser will not automatically play the video due to their policy. Please note that only muted videos are allowed to play automatically on page load.

// https://developer.chrome.com/blog/autoplay/

If you want to test it, you can try the modification that we provided in the following thread.

// https://kriesi.at/support/topic/background-video-in-color-section-is-mute/#post-1270596

Best regards,
Ismael

Hi,

Thanks for the update. 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. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard