Hey jerry,

I see that you are running an old version of the theme, could you try to update to the latest version (7.1.3) to see if that helps please? The update to 7.1.3 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,

Thank you for the update.

Try adding this css code to remove the black bars and extend the video so that it goes underneath the header.

#top .av-video-slide embed, #top .av-video-slide iframe, #top .av-video-slide object, #top .av-video-slide video {
    object-fit: cover;
}

Best regards,
Ismael

Hi,

This CSS is hiding it:

@media only screen and (max-width: 1295px) {
  #top #header .av-main-nav > li.menu-item {
    display: none !important;
  }
}

Maybe you have added it under Appearance->Customise?

Best regards,
Rikard

Hey svweb,

Thank you for the inquiry.

Did you add this css code? It shifts the main container upward, causing it to overlap with the header.

#main {
    margin-top: -150px!important;
}

This is how it should look normally without the css modification.

Try to replace it with this css code:

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

  /* Add your Desktop Styles here */
  #main {
      margin-top: -150px!important;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the script is working, but the isotope script still re-arranges the masonry items, placing the 4th item at the very end of the set. The isotope script is responsible for the masonry effect and sorting. Have you tried deleting that particular post (date August 13, 2025) and recreating it from scratch? You could try rephrasing the title a bit and adjust the image size.

Best regards,
Ismael

Hey AmyEdwards,

Thank you for the inquiry.

You can add the following css code to display the account and search icons on mobile view, but you’ll need additional style adjustments for the search field since you’re using a custom search option. We recommend reaching out to the script or plugin authors for additional assistance.

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

  /* Add your Mobile Styles here */

  #top #header .av-main-nav>#menu-item-wc-account-icon {
    display: block !important;
  }

  #top #header .av-main-nav>.menu-item.menu-item-search-dropdown {
    display: block !important;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

Try to include this css code inside the css media query above:

#top .av_header_glassy.av_header_transparency #header_main {
    background-image: none;
    background-color: black;
}

This will disable the gradient background and replace it with a solid black color.

Best regards,
Ismael

Hey Michael,

Thanks for reaching out to us. The update to 7.1.3 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,

Thank you for the inquiry.

You can try this css code to force the mobile menu to display on tablet view and smaller screens.

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

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to hide the default logo and display the alternate one on mobile view:

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

  /* Add your Mobile Styles here */
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img,
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg {
    opacity: 0;
    display: none;
  }

  .responsive #top .av_header_transparency .logo .subtext.avia-svg-logo-sub,
  .responsive #top .av_header_transparency .logo img.alternate {
    display: block;
  }
}

Result:

Best regards,
Ismael

Hi,

Thank you for the screenshots.

That is normal since the Styling > Appearance > Button Position of the buttons is set to Align Left. If you want the buttons to stack on top of each other, set it to the default Align Center.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

You can try this code in the Quick CSS field to make the header fixed and move the first section below it.

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

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

  #top #wrap_all .header_color.av_header_transparency+#main>div.av-1a7rg49-0361ab150500a4dbf4236ca5f8b54140 {
    padding-top: 90px;
  }
}

Best regards,
Ismael

Hi,

Thank you for following up.

For #3, please continue on this thread: https://kriesi.at/support/topic/alignment-issues-with-image-overlay-overlay-type-external-on-hover/

Another solution for your category pages is to use redirection. You can create a custom page using the Advanced Layout Builder, then set up a 301 redirect from the category page to that custom page. Please check any of these plugins.

— https://wordpress.org/plugins/eps-301-redirects/
— https://wordpress.org/plugins/redirection/

Let us know if you need more info.

Best regards,
Ismael