Hey biggsuccess,

Thank you for the inquiry.

We have found an extra curly brace in the css code above, which renders the css rules below it invalid. We also adjusted the position of the css media queries.

.main_menu {
  background: white;
}

#top #header_meta a,
#top #header_meta li,
#top #header_meta .phone-info {
  font-size: 14px;
}

.avia-layerslider {
  box-shadow: none !important;
  border-top-width: 0 !important;
}

div#after_layer_slider_1 {
  border-top: none !important;
}

.home #main>.container_wrap_first>.container>.content {
  padding-bottom: 0;
}

@media only screen and (max-width: 430px) {
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 182px !important;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .responsive #top #wrap_all #main {
    padding-top: 119px !important;
  }
}

@media only screen and (max-width: 768px) {
  .responsive #top #header #header_main .inner-container .widget {
    order: 3;
    flex-basis: 100% !important;
  }

  .responsive #top #header #header_main .inner-container .widget .avia-button.avia-size-medium {
    padding: 12px 5px 10px;
    font-size: 12px;
    min-width: 60px;
  }

  .responsive #top #header #header_main .inner-container .widget>div {
    padding: 0;
  }

  .responsive #top #header #header_main .inner-container .widget>div>div {
    text-align: center;
  }
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

You should be able to use the following css code to adjust the position of the submenu container.

#top #header.av_header_transparency .avia_mega_div {
    margin-top: 1px;
    padding-top: 1px;
    left: -40px !important;
}

Best regards,
Ismael

Hey Diana,

Thank you for the inquiry.

The style issue occurs because of the cell’s padding. To fix the issue, we can override the default padding settings with this css code.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_cell.av-lnzk99u3-2367dbc24f2a8c0e8958288f6e1097b4 {
    padding: 20px !important;
  }
}

Best regards,
Ismael

Hey maryenvato,

Thank you for the inquiry.

We can add a few css modifications in the Enfold > General Styling > Quick CSS field to adjust the style of the first column on smaller screens. Please start with this css code.

@media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
  .av_textblock_section.av-lr4yjeic-cd8285095e8d65e185685adbb051d6f7 table th.avia-desc-col {
    font-size: 0.9em;
    word-break: break-word;
    width: 130px;
  }
}

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

Best regards,
Ismael

Hi,

Thank you for the update.

You might have viewed a cached version of the page without the recent changes. To avoid this, try disabling the cache and compression plugins while editing the site, or make sure to purge the cache before checking the changes you’ve made to the site.

Best regards,
Ismael

Hi,

Thank you for the update.

Can you confirm if it’s ok to leave the CSS file merging and compression disabled?

Yes, you can leave compression disabled while editing the site to ensure that the changes you’ve made are reflected immediately on the front end. You can enable it again once you’re done editing the site.

Best regards,
Ismael

Hey Gianluca,

Thank you for the inquiry.

Background videos are disabled on mobile devices by default, which is why there is a fallback image option. This image will be displayed instead of the background video on smaller screens. Also, please note that autoplay is only allowed for muted videos. Enabling audio by default will disable autoplay.

Best regards,
Ismael

Hey MikeTandySwag,

Thank you for the inquiry.

The overlay is already aligned at the bottom, but if you need to make further adjustments, you can try using this css code.

.avia-section.av-rk2b-b60529e4fd7ee3da92077755e7762691 .av-section-color-overlay {
    bottom: -20px;
}

Best regards,
Ismael

Hi,

Have you tried doing a database search? The entries should be in the _options table. You could also run this query, but make sure to create a site backup or a restore point first. (!!)

DELETE FROM wp_options WHERE option_name IN ('aviaAsset_css_filecontent', 'aviaAsset_js_filecontent');

Best regards,
Ismael

Hi!

Thank you for the update.

Are you referring to the login details of my WordPress account?

Yes, we meant the WordPress credentials. To align the items properly, please make sure that the uploaded images have the same size and aspect ratio, and that the length of the post titles is relatively the same. We could also apply a minimum height to the title container, but we’ll have to inspect the site.

Cheers!
Ismael

Hey Diana,

Thank you for the inquiry.

Did you fix the issue? We can’t reproduce the issue on our end. Please check the screenshot in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

The menu items are not displaying because their opacity is set to 0. Did you add this modification somewhere?

#top #wrap_all #av-burger-menu-ul > li {
    opacity: 0;
    position: relative;
    top: 18px;
    transition: opacity 0.3s ease-out,top 0.3s ease-out,left 0.3s ease-out;
    transform: translate3d(0,0,0);
}

You may need to remove the code or override it with the following css.

#top #wrap_all #av-burger-menu-ul > li {
    opacity: 1;
}

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

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, you could try importing the demo to your local server, then use a plugin like Duplicator or WP Migrate to move it to your live server.

// https://wordpress.org/plugins/duplicator/
// https://wordpress.org/plugins/wp-migrate-db/

Best regards,
Ismael

Hi,

Thank you for the update.

The entries aviaAsset_css_filecontent and aviaAsset_js_filecontent should be automatically removed once you’ve disabled the Enfold > Performance > File Compression settings. If this is not the case, make sure that the compression settings are disabled, then try to delete the entries manually. Unfortunately, the entries with the prefix av_alb_usage_ cannot be removed because they are used by the Advance Layout Builder.

Best regards,
Ismael

Hey macika,

Thank you for the inquiry.

Have you assigned one of the menus as the Enfold Main Menu in the Appearance > Menus panel? Please go to the Appearance > Menus panel, select your main menu, and assign it as the Enfold Main Menu in the Menu Settings > Display location section.

If you want to create a button-like menu item, edit one of the menu items in the Appearance > Menus panel, and then adjust the Menu Style settings.

Best regards,
Ismael