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

@media only screen and (max-width: 1270px) { 
#top #main .avia-gallery .avia-gallery-big-inner {
    height: auto;
}
}

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 northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 500px) { 
	.responsive #top #wrap_all .flex_column {
	margin-bottom: 0;
  padding-bottom: 0;
}
#av_section_1 .av-special-heading-h1 .special-heading-border {
    height: 0;
}
#av_section_1 {
	min-height: 75px;
}
}

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

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

Hey tczubkowski_priv,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
  .responsive #scroll-top-link {
    display: block;
  }
}

Best regards,
Rikard

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,

Sorry for the confusion. I thought you’re working on an Accordion element. For the Tab Section element, please override the enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.js file, look for the get_init_open function and replace it with:

get_init_open = function() {
                    var hash = window.location.hash ? window.location.hash : '',
                        deepHash = hash.toLowerCase().replace('#', ''),
                        open = null;

                    if ('undefined' != typeof(deepLinksToTabs[deepHash]) && '' != deepLinksToTabs[deepHash]) {
                        var hashID = deepLinksToTabs[deepHash];
                        open = tabs.filter('[data-av-tab-section-title="' + hashID + '"]');
                    } else {
                        open = tabs.filter('[href="' + hash + '"]');
                    }

                    if (open.length) {
                        if (!open.is('.active_tab')) {
                            open.trigger('click');

                            var tabOffset = open.offset().top;
                            var currentScroll = $(window).scrollTop();
                            $(window).scrollTop(currentScroll); 
                        }
                    } else {
                        // set correct color
                        container.find('.av-active-tab-title').trigger('click', true);
                    }
                };

You will also have to replace the filter in the functions.php file:

function av_override_avia_scripts() {
    wp_dequeue_script('avia-module-tabsection');
    wp_deregister_script('avia-module-tabsection');

    $child_tab_section_js = get_stylesheet_directory_uri() . '/js/tab_section.js';

    wp_enqueue_script(
        'avia-module-tabsection', 
        $child_tab_section_js, 
        array('avia-shortcodes'), 
        false,
        true 
    );
}
add_action('wp_enqueue_scripts', 'av_override_avia_scripts', 100);

Best regards,
Ismael

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

#top.page-id-2 #main,#top.page-id-2 .main_color,#top.page-id-2 .header_bg,#top.page-id-2 #socket {
    background-color: transparent;
    background: transparent;
    backdrop-filter: blur(10px);
}

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

Best regards,
Mike

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

#top .avia-smallarrow-slider-heading {
	display: none;
}
#top .flex_column.av-l3t08rf8-8f5e455205a44c3e3d9068782c55a0f9 {
    padding: 0px;
}

Best regards,
Mike

Hi,
Sorry I didn’t realize that it was black on black, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.postid-530 #header_meta {
	display: none;
}

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

Best regards,
Mike