Hi,

Did you remove the previous css code?

.html_visible_cart #menu-item-2289 .avia_mega_div {
    opacity: 1 !important;
    display: block !important;
    left: -210px !important;
}

Please remove the css code above, then add this one to make the mega menu fullwidth when the cart is visible.

.html_visible_cart #menu-item-2289 .avia_mega_div {
    width: 100vw !important;
}

Or post the login details in the private field so that we can test the changes properly.

Thank you for your patience.

Best regards,
Ismael

Hi,

We have edited the avf_header_setting_filter filter in the functions.php file and made some adjustments to the custom script. The header is now transparent, with the slider displaying below it.

function av_custom_inline_script_slider_banner()
{
    wp_add_inline_script(
        'jquery',
        "(function($) {
            $(document).ready(function() {
                $('#av-main-slider-banner').appendTo('.av-slider-banner-container');
                $('#header').addClass('av_header_transparency');
            });
        })(jQuery);"
    );
}
add_action('wp_enqueue_scripts', 'av_custom_inline_script_slider_banner');

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
function avf_header_setting_filter_mod($header)
{
    if ( is_archive() || is_singular('post') ) {
        $header['header_transparency'] = 'header_transparency';
        $header['header_title_bar'] = 'hidden_title_bar';
    }
    return $header;
}

#av-main-slider-banner { display: none !important; opacity: 0; }
.av-slider-banner-container #av-main-slider-banner { display: block !important; opacity: 1; }

We also added this css code to keep the slider from displaying when it’s not yet appended to the av-main-slider-banner container.

Thank you for your patience.

Best regards,
Ismael

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

Hey st,

Thank you for the inquiry.

You may need to adjust or reset the left position of the column element on mobile view. Please try this css code.

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

  /* Add your Mobile Styles here */
  .flex_column.av-lsi2hb8k-6aee99cc1e1fcfe1529179ad547236c0 {
    position: relative;
    left: 0;
  }
}

The default value of the left property is 100px. After the adjustment, it should look like the following screenshot.

// https://1drv.ms/i/s!AjjTfXSRbKTvgtxXjDgZ042XkpoRAQ?e=IJmlB2

Best regards,
Ismael

Hey Josh,

Thank you for the inquiry.

Which button are you referring to? Please provide a screensoht or post the site URL in the private field. You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You may need to use the Widget Area element in the Advanced Layout Builder to display widgets in the content area. If you need to separate the widgets from your content and replicate the default layout of pages with a sidebar, use the Column elements.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to increase the maximum width of the logo.

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

  /* Add your Mobile Styles here */
  #header .logo img {
    max-width: 200px;
  }
}

Default max-width value is 100px. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

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

Hi,

Thank you for the update.

We are still not sure about how the
tag is being generated, but it gets removed when we update the page. Please review the links provided in the private field.

Best regards,
Ismael

Hi,

Alright! Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hey Sebastian,

Thank you for the inquiry.

For some reason, we can’t reply to your latest inquiry, so we replied here.

This is about: https://kriesi.at/support/topic/blog-add-header-transparent-to-archive-page/

We adjusted the hook in the functions.php file and created a small script ( https://pastebin.com/L11xieeS )

Best regards,
Ismael

Hi,

Thank you for the screenshots.

Have you tried disabling the Enfold > Sidebar Settings > Page Sidebar Navigation option? This should disable the default menu for nested subpages. If this didn’t work, please provide the login details in the private field so that we can check the site further.

Best regards,
Ismael

Hey M-Graphics24,

Thank you for the inquiry.

We edited the Enfold > Footer > Default Footer & Socket Settings and deselected the Home page as Page based Footer. You might want to adjust the Footer Behavior (currently in beta) settings as well.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect. Also, make sure to purge the cache and do a hard refresh. Once you have made the required modifications, you can re-enable the file compression settings. If the changes still haven’t applied, please provide the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the info.

The closing tag was missing from the link in the last item in the table element.

< a href="https://site.com/living-here/"><img src="https://finditinfairport.com/wp-content/uploads/2020/03/LivingHere-FIIF.png"> <--- missing closing tag

We added the closing tag to fix the issue.

Best regards,
Ismael