Hi,

Thank you for the update.

We made slight adjustments to the css code so that it also takes into account the top position of the logo when the header has shrunk or when scrolling. Please use this updated css code instead.

.logo img, .logo svg {
  top: 15px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
  top: auto;
}

Best regards,
Ismael

Hi,
The first css above is what sets the breakpoint:

@media only screen and (max-width: 1190px) {
#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
    flex: 1 1 100%;
}
}

feel free to adjust to suit your needs

Best regards,
Mike

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,

Please try this CSS instead:

@media only screen and (max-width: 767px) {
  .single-post #main {
    padding-top: 100px !important;
  }
}

Best regards,
Rikard

Hey pelgrimrat,

Thank you for the inquiry.

Are you referring to the gallery above the footer area? The gallery seems to be responding correctly in mobile view, splitting into two columns instead of six. If you’d like to increase the number of columns, you can try using this css code

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

  /* Add your Mobile Styles here */
  #top .avia-gallery.av-lslwymmy-767d1ca16b1f4d9c429a0176d305ae0e .avia-gallery-thumb a {
    width: 33%;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to adjust the breakpoint in the css media query above to target smaller screens. Please try this css code.

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

  /* Add your Mobile Styles here */
  #top .grid-content h3 {
    font-size: 32px;
    text-align: center;
  }
}

Best regards,
Ismael

Hey YMen45,

Maybe this will help you out? https://www.scaler.com/topics/text-gradient-css/

Best regards,
Rikard

Hey Annemarie,

This CSS seems to be causing some problems, please try taking it out:

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    left: 400px !important;
  }
}

Best regards,
Rikard

Hey Munford,
Thanks for the link to your test page, when I check the background video on Windows desktop and Android mobile the video plays correctly, IOS typically blocks videos from auto playing on mobile, they have become more aggressive and the best option is to use a fallback image for mobile or a small gif.
Background videos don’t have sound, the thread you linked to is from 2016 and the browsers have changed a lot since then. Perhaps you can try the LayerSlider instead, but with each update the browsers limit these actions more, so you may be better to design to what is allowed now so you don’t need to redesign later.
The WordPress media player, when it used by Enfold, doesn’t have volume controls on mobile by design, WordPress points out that mobile devices have manual volume buttons so they removed the controls. The only way around this is to use a different media player plugin.

Best regards,
Mike

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,

Great, I’m glad to hear 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 we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.responsive #top #av_section_4 .container {
	width: 100%;
}
@media only screen and (max-width: 767px) { 
	#top #av_section_4 .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback {
		padding: 0 3em;
	}
	.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
		padding: 0 3em;
	}
}

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 Bex ,

The update to 5.6.10 has to be done manually from the versions 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 use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
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

Hey WorldinColor,

Please try this to make the circle smaller:

#top .iconbox.av-no-box .iconbox_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

This CSS is coming from your child, and it’s applying:

.acme-iconbox .iconbox_icon {
  color: #f213f2;
  font-size: 20px !important;
}

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,

Thank you for the update.

Have you added the following css code? It removes the padding above the main container, causing the header to overlap with the heading.

.responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
}

You can override it by adding this css code.

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

  /* Add your Mobile Styles here */
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 100px !important;
  }
}

Best regards,
Ismael

Hey Sebastian,

Thank you for the inquiry.

We replied here: https://kriesi.at/support/topic/bootstrap-from-plugin-kills-sub-page/#post-1434246

Best regards,
Ismael