Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2020 at 2:28 pm #1240920
    CS

    Hi there, since the last update the <main> tag looks to be bugged when using a color section or grid row on a page. I made a fresh new install of the latest theme with no plugins activated, created a page and placed 2 empty color sections. The result is that the <main> tag is placed inside the container of the first color section instead of wrapping the entire content:

    <div id="main" class="all_colors" data-scroll-offset="88">

    <div class="stretch_full container_wrap alternate_color light_bg_color title_container">
        <div class="container">
            <h1 class="main-title entry-title "><a href="https://wordpress-image.test/new/" rel="bookmark"
                    title="Permanente Link: New" itemprop="headline">New</a></h1>
            <div class="breadcrumb breadcrumbs avia-breadcrumbs">
                <div class="breadcrumb-trail"><span class="trail-before"><span class="breadcrumb-title">U bevindt zich
                            hier:</span></span> <span itemscope="itemscope"
                        itemtype="https://schema.org/BreadcrumbList"><span itemscope="itemscope"
                            itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="url"
                                href="https://wordpress-image.test" title="Wordpress Image" rel="home"
                                class="trail-begin"><span itemprop="name">Home</span></a><span itemprop="position"
                                class="hidden">1</span></span></span> <span class="sep">/</span> <span
                        class="trail-end">New</span></div>
            </div>
        </div>
    </div>
    <div id="av_section_1"
        class="avia-section main_color avia-section-default avia-no-border-styling  avia-bg-style-scroll  avia-builder-el-0  el_before_av_section  avia-builder-el-first   container_wrap sidebar_right"
        style=" ">
        <div class="container">
            <main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-small alpha units">
                <div class="post-entry post-entry-type-page post-entry-116">
                    <div class="entry-content-wrapper clearfix">
                    </div>
                </div>
            </main><!-- close content main element -->
        </div>
    </div>
    <div id="av_section_2"
        class="avia-section main_color avia-section-default avia-no-border-styling  avia-bg-style-scroll  avia-builder-el-1  el_after_av_section  avia-builder-el-last   container_wrap sidebar_right"
        style=" ">
        <div class="container">
            <div class="template-page content  av-content-small alpha units">
                <div class="post-entry post-entry-type-page post-entry-116">
                    <div class="entry-content-wrapper clearfix"></div>
                </div>
            </div><!-- close content main div -->
        </div>
    </div>
    <div id="after_section_2" class="main_color av_default_container_wrap container_wrap sidebar_right" style=" ">
        <div class="container">
            <div class="template-page content  av-content-small alpha units">
                <div class="post-entry post-entry-type-page post-entry-116">
                    <div class="entry-content-wrapper clearfix">
                    </div>
                </div>
            </div><!-- close content main div -->
            <!-- section close by builder template -->
            <aside class="sidebar sidebar_right   alpha units" role="complementary" itemscope="itemscope"
                itemtype="https://schema.org/WPSideBar">
                <div class="inner_sidebar extralight-border">
                    <section class="widget widget_pages">
                        <h3 class="widgettitle">Pagina’s</h3>
                        <ul>
                            <li class="page_item page-item-32"><a
                                    href="https://wordpress-image.test/events/categories/">Categories</a></li>
                            <li class="page_item page-item-30 page_item_has_children"><a
                                    href="https://wordpress-image.test/events/">Events</a></li>
                            <li class="page_item page-item-31"><a
                                    href="https://wordpress-image.test/events/locations/">Locations</a></li>
                            <li class="page_item page-item-34"><a
                                    href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li>
                            <li class="page_item page-item-116 current_page_item"><a
                                    href="https://wordpress-image.test/new/" aria-current="page">New</a></li>
                            <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample
                                    Page</a></li>
                            <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a>
                            </li>
                            <li class="page_item page-item-33"><a
                                    href="https://wordpress-image.test/events/tags/">Tags</a></li>
                            <li class="page_item page-item-103"><a href="https://wordpress-image.test/test/">Test</a>
                            </li>
                        </ul><span class="seperator extralight-border"></span>
                    </section>
                    <section class="widget widget_categories">
                        <h3 class="widgettitle">Categorieën </h3>
                        <ul>
                            <li class="cat-item cat-item-1"><a
                                    href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a>
                            </li>
                        </ul><span class="seperator extralight-border"></span>
                    </section>
                    <section class="widget widget_archive">
                        <h3 class="widgettitle">Archief</h3>
                        <ul>
                            <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li>
                            <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li>
                        </ul><span class="seperator extralight-border"></span>
                    </section>
                </div>
            </aside>
        </div>
        <!--end builder template-->
    </div><!-- close default .container_wrap element -->
    <div class="container_wrap footer_color" id="footer">

        <div class="container">

            <div class="flex_column av_one_fourth  first el_before_av_one_fourth">
                <section class="widget">
                    <h3 class="widgettitle">Interessante links</h3>
                    <span class="minitext">Interessante links wellicht? Veel plezier op deze site :)</span>
                </section>
            </div>
            <div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
                <section class="widget widget_pages">
                    <h3 class="widgettitle">Pagina’s</h3>
                    <ul>
                        <li class="page_item page-item-32"><a
                                href="https://wordpress-image.test/events/categories/">Categories</a></li>
                        <li class="page_item page-item-30 page_item_has_children"><a
                                href="https://wordpress-image.test/events/">Events</a></li>
                        <li class="page_item page-item-31"><a
                                href="https://wordpress-image.test/events/locations/">Locations</a></li>
                        <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My
                                Bookings</a></li>
                        <li class="page_item page-item-116 current_page_item"><a
                                href="https://wordpress-image.test/new/" aria-current="page">New</a></li>
                        <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample
                                Page</a></li>
                        <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li>
                        <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a>
                        </li>
                        <li class="page_item page-item-103"><a href="https://wordpress-image.test/test/">Test</a></li>
                    </ul><span class="seperator extralight-border"></span>
                </section>
            </div>
            <div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
                <section class="widget widget_categories">
                    <h3 class="widgettitle">Categorieën </h3>
                    <ul>
                        <li class="cat-item cat-item-1"><a
                                href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a>
                        </li>
                    </ul><span class="seperator extralight-border"></span>
                </section>
            </div>
            <div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
                <section class="widget widget_archive">
                    <h3 class="widgettitle">Archief</h3>
                    <ul>
                        <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li>
                        <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li>
                    </ul><span class="seperator extralight-border"></span>
                </section>
            </div>
        </div>

        <!-- ####### END FOOTER CONTAINER ####### -->
    </div>

    <footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope"
        itemtype="https://schema.org/WPFooter">
        <div class="container">

            <span class="copyright">© Copyright - <a href="https://wordpress-image.test/">Wordpress Image</a> - <a
                    rel="nofollow" href="https://kriesi.at">powered by Enfold WordPress Theme</a></span>

        </div>

        <!-- ####### END SOCKET CONTAINER ####### -->
    </footer>

    <!-- end main -->
</div>

    When using the grid row in a page, the <main> tag is not being placed at all:

    <div id="main" class="all_colors" data-scroll-offset="88">

	<div class="stretch_full container_wrap alternate_color light_bg_color title_container"><div class="container"><h1 class="main-title entry-title "><a href="https://wordpress-image.test/test/" rel="bookmark" title="Permanente Link: Test" itemprop="headline">Test</a></h1><div class="breadcrumb breadcrumbs avia-breadcrumbs"><div class="breadcrumb-trail"><span class="trail-before"><span class="breadcrumb-title">U bevindt zich hier:</span></span> <span itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"><span itemscope="itemscope" itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="url" href="https://wordpress-image.test" title="Wordpress Image" rel="home" class="trail-begin"><span itemprop="name">Home</span></a><span itemprop="position" class="hidden">1</span></span></span> <span class="sep">/</span> <span class="trail-end">Test</span></div></div></div></div><div id="av-layout-grid-1" class="av-layout-grid-container entry-content-wrapper main_color av-flex-cells     avia-builder-el-0  el_before_av_one_half  avia-builder-el-first  container_wrap sidebar_right" style=" ">
<div class="flex_cell no_margin av_one_half  avia-builder-el-1  el_before_av_cell_one_half  avia-builder-el-first   "><div class="flex_cell_inner">
<section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p>
</div></section>
</div></div><div class="flex_cell no_margin av_one_half  avia-builder-el-3  el_after_av_cell_one_half  avia-builder-el-last   "><div class="flex_cell_inner">
<section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p>
</div></section>
</div></div></div><div id="after_submenu_1" class="main_color av_default_container_wrap container_wrap sidebar_right" style=" "><div class="container"><div class="template-page content  av-content-small alpha units"><div class="post-entry post-entry-type-page post-entry-103"><div class="entry-content-wrapper clearfix"><div class="flex_column av_one_half  flex_column_div av-zero-column-padding first  avia-builder-el-5  el_after_av_layout_row  el_before_av_two_third  avia-builder-el-first  " style="border-radius:0px; "><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p>
</div></section></div><div class="flex_column av_two_third  flex_column_div av-zero-column-padding first  avia-builder-el-7  el_after_av_one_half  el_before_av_three_fourth  column-top-margin" style="border-radius:0px; "><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p>
</div></section></div><div class="flex_column av_three_fourth  flex_column_div av-zero-column-padding first  avia-builder-el-9  el_after_av_two_third  avia-builder-el-last  column-top-margin" style="border-radius:0px; "><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock  " itemprop="text"><p>Klik hier om uw eigen tekst toe te voegen</p>
</div></section></div><p></p>
</div></div></div><!-- close content main div --> <!-- section close by builder template --><aside class="sidebar sidebar_right   alpha units" role="complementary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar"><div class="inner_sidebar extralight-border"><section class="widget widget_pages"><h3 class="widgettitle">Pagina’s</h3><ul><li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li>
<li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li>
<li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li>
<li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li>
<li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li>
<li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li>
<li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li>
<li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a></li>
<li class="page_item page-item-103 current_page_item"><a href="https://wordpress-image.test/test/" aria-current="page">Test</a></li>
</ul><span class="seperator extralight-border"></span></section><section class="widget widget_categories"><h3 class="widgettitle">Categorieën </h3><ul>	<li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a>
</li>
</ul><span class="seperator extralight-border"></span></section><section class="widget widget_archive"><h3 class="widgettitle">Archief</h3><ul>	<li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li>
	<li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li>
</ul><span class="seperator extralight-border"></span></section></div></aside>		</div><!--end builder template--></div><!-- close default .container_wrap element -->						<div class="container_wrap footer_color" id="footer">

					<div class="container">

						<div class="flex_column av_one_fourth  first el_before_av_one_fourth">				<section class="widget">
				<h3 class="widgettitle">Interessante links</h3>
				<span class="minitext">Interessante links wellicht? Veel plezier op deze site :)</span>
				</section>
			</div><div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth "><section class="widget widget_pages"><h3 class="widgettitle">Pagina’s</h3><ul><li class="page_item page-item-32"><a href="https://wordpress-image.test/events/categories/">Categories</a></li>
<li class="page_item page-item-30 page_item_has_children"><a href="https://wordpress-image.test/events/">Events</a></li>
<li class="page_item page-item-31"><a href="https://wordpress-image.test/events/locations/">Locations</a></li>
<li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li>
<li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li>
<li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample Page</a></li>
<li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li>
<li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a></li>
<li class="page_item page-item-103 current_page_item"><a href="https://wordpress-image.test/test/" aria-current="page">Test</a></li>
</ul><span class="seperator extralight-border"></span></section></div><div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth "><section class="widget widget_categories"><h3 class="widgettitle">Categorieën </h3><ul>	<li class="cat-item cat-item-1"><a href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a>
</li>
</ul><span class="seperator extralight-border"></span></section></div><div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth "><section class="widget widget_archive"><h3 class="widgettitle">Archief</h3><ul>	<li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li>
	<li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li>
</ul><span class="seperator extralight-border"></span></section></div>
					</div>

				<!-- ####### END FOOTER CONTAINER ####### -->
				</div>

	

	
				<footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter">
                    <div class="container">

                        <span class="copyright">© Copyright  - <a href="https://wordpress-image.test/">Wordpress Image</a> - <a rel="nofollow" href="https://kriesi.at">powered by Enfold WordPress Theme</a></span>

                        
                    </div>

	            <!-- ####### END SOCKET CONTAINER ####### -->
				</footer>

					<!-- end main -->
		</div>

    When no color sections or grid rows are used, the <main> tag is working as intended:

    <div id="main" class="all_colors" data-scroll-offset="88">

    <div class="stretch_full container_wrap alternate_color light_bg_color title_container">
        <div class="container">
            <h1 class="main-title entry-title "><a href="https://wordpress-image.test/test/" rel="bookmark"
                    title="Permanente Link: Test" itemprop="headline">Test</a></h1>
            <div class="breadcrumb breadcrumbs avia-breadcrumbs">
                <div class="breadcrumb-trail"><span class="trail-before"><span class="breadcrumb-title">U bevindt zich
                            hier:</span></span> <span itemscope="itemscope"
                        itemtype="https://schema.org/BreadcrumbList"><span itemscope="itemscope"
                            itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="url"
                                href="https://wordpress-image.test" title="Wordpress Image" rel="home"
                                class="trail-begin"><span itemprop="name">Home</span></a><span itemprop="position"
                                class="hidden">1</span></span></span> <span class="sep">/</span> <span
                        class="trail-end">Test</span></div>
            </div>
        </div>
    </div>
    <div class="main_color container_wrap_first container_wrap sidebar_right" style=" ">
        <div class="container">
            <main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-small alpha units">
                <div class="post-entry post-entry-type-page post-entry-103">
                    <div class="entry-content-wrapper clearfix">
                        <div class="flex_column av_one_half  flex_column_div av-zero-column-padding first  avia-builder-el-0  el_before_av_two_third  avia-builder-el-first  "
                            style="border-radius:0px; ">
                            <section class="av_textblock_section " itemscope="itemscope"
                                itemtype="https://schema.org/CreativeWork">
                                <div class="avia_textblock  " itemprop="text">
                                    <p>Klik hier om uw eigen tekst toe te voegen</p>
                                </div>
                            </section>
                        </div>
                        <div class="flex_column av_two_third  flex_column_div av-zero-column-padding first  avia-builder-el-2  el_after_av_one_half  el_before_av_three_fourth  column-top-margin"
                            style="border-radius:0px; ">
                            <section class="av_textblock_section " itemscope="itemscope"
                                itemtype="https://schema.org/CreativeWork">
                                <div class="avia_textblock  " itemprop="text">
                                    <p>Klik hier om uw eigen tekst toe te voegen</p>
                                </div>
                            </section>
                        </div>
                        <div class="flex_column av_three_fourth  flex_column_div av-zero-column-padding first  avia-builder-el-4  el_after_av_two_third  avia-builder-el-last  column-top-margin"
                            style="border-radius:0px; ">
                            <section class="av_textblock_section " itemscope="itemscope"
                                itemtype="https://schema.org/CreativeWork">
                                <div class="avia_textblock  " itemprop="text">
                                    <p>Klik hier om uw eigen tekst toe te voegen</p>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </main><!-- close content main element -->
            <!-- section close by builder template -->
            <aside class="sidebar sidebar_right   alpha units" role="complementary" itemscope="itemscope"
                itemtype="https://schema.org/WPSideBar">
                <div class="inner_sidebar extralight-border">
                    <section class="widget widget_pages">
                        <h3 class="widgettitle">Pagina’s</h3>
                        <ul>
                            <li class="page_item page-item-32"><a
                                    href="https://wordpress-image.test/events/categories/">Categories</a></li>
                            <li class="page_item page-item-30 page_item_has_children"><a
                                    href="https://wordpress-image.test/events/">Events</a></li>
                            <li class="page_item page-item-31"><a
                                    href="https://wordpress-image.test/events/locations/">Locations</a></li>
                            <li class="page_item page-item-34"><a
                                    href="https://wordpress-image.test/events/my-bookings/">My Bookings</a></li>
                            <li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li>
                            <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample
                                    Page</a></li>
                            <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a>
                            </li>
                            <li class="page_item page-item-33"><a
                                    href="https://wordpress-image.test/events/tags/">Tags</a></li>
                            <li class="page_item page-item-103 current_page_item"><a
                                    href="https://wordpress-image.test/test/" aria-current="page">Test</a></li>
                        </ul><span class="seperator extralight-border"></span>
                    </section>
                    <section class="widget widget_categories">
                        <h3 class="widgettitle">Categorieën </h3>
                        <ul>
                            <li class="cat-item cat-item-1"><a
                                    href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a>
                            </li>
                        </ul><span class="seperator extralight-border"></span>
                    </section>
                    <section class="widget widget_archive">
                        <h3 class="widgettitle">Archief</h3>
                        <ul>
                            <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li>
                            <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li>
                        </ul><span class="seperator extralight-border"></span>
                    </section>
                </div>
            </aside>
        </div>
        <!--end builder template-->
    </div><!-- close default .container_wrap element -->
    <div class="container_wrap footer_color" id="footer">

        <div class="container">

            <div class="flex_column av_one_fourth  first el_before_av_one_fourth">
                <section class="widget">
                    <h3 class="widgettitle">Interessante links</h3>
                    <span class="minitext">Interessante links wellicht? Veel plezier op deze site :)</span>
                </section>
            </div>
            <div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
                <section class="widget widget_pages">
                    <h3 class="widgettitle">Pagina’s</h3>
                    <ul>
                        <li class="page_item page-item-32"><a
                                href="https://wordpress-image.test/events/categories/">Categories</a></li>
                        <li class="page_item page-item-30 page_item_has_children"><a
                                href="https://wordpress-image.test/events/">Events</a></li>
                        <li class="page_item page-item-31"><a
                                href="https://wordpress-image.test/events/locations/">Locations</a></li>
                        <li class="page_item page-item-34"><a href="https://wordpress-image.test/events/my-bookings/">My
                                Bookings</a></li>
                        <li class="page_item page-item-116"><a href="https://wordpress-image.test/new/">New</a></li>
                        <li class="page_item page-item-2"><a href="https://wordpress-image.test/sample-page/">Sample
                                Page</a></li>
                        <li class="page_item page-item-96"><a href="https://wordpress-image.test/shop/">Shop</a></li>
                        <li class="page_item page-item-33"><a href="https://wordpress-image.test/events/tags/">Tags</a>
                        </li>
                        <li class="page_item page-item-103 current_page_item"><a
                                href="https://wordpress-image.test/test/" aria-current="page">Test</a></li>
                    </ul><span class="seperator extralight-border"></span>
                </section>
            </div>
            <div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
                <section class="widget widget_categories">
                    <h3 class="widgettitle">Categorieën </h3>
                    <ul>
                        <li class="cat-item cat-item-1"><a
                                href="https://wordpress-image.test/category/uncategorized/">Uncategorized</a>
                        </li>
                    </ul><span class="seperator extralight-border"></span>
                </section>
            </div>
            <div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
                <section class="widget widget_archive">
                    <h3 class="widgettitle">Archief</h3>
                    <ul>
                        <li><a href="https://wordpress-image.test/2019/11/">november 2019</a></li>
                        <li><a href="https://wordpress-image.test/2019/07/">juli 2019</a></li>
                    </ul><span class="seperator extralight-border"></span>
                </section>
            </div>
        </div>

        <!-- ####### END FOOTER CONTAINER ####### -->
    </div>

    <footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope"
        itemtype="https://schema.org/WPFooter">
        <div class="container">

            <span class="copyright">© Copyright - <a href="https://wordpress-image.test/">Wordpress Image</a> - <a
                    rel="nofollow" href="https://kriesi.at">powered by Enfold WordPress Theme</a></span>

        </div>

        <!-- ####### END SOCKET CONTAINER ####### -->
    </footer>

    <!-- end main -->
</div>
    • This topic was modified 4 years, 2 months ago by CS.
    September 1, 2020 at 6:13 am #1242370
    Rikard

    Hey CS,

    Sorry for the late reply. I don’t think this is a bug, maybe you are getting the div with the id main and the main tag within the actual sections mixed up?

    Best regards,
    Rikard

    September 4, 2020 at 9:30 am #1243248
    CS

    Hi Rikard,
    Thank you for your reply. I’m not mixing up the main tag and the div with ID main.

    First code snippet
    If you check the first code snippet, you will see that the main tag starts at line 23 and closes at line 28. This is only wrapping the first content section and not the other two color sections on rule 31 and rule 42: https://imgur.com/a/AIbZxLr

    Second code snippet
    You won’t find a main tag anywhere in the code. I would expect a main tag wrapping all the page content.

    Third snippet
    Working as intended. main section starts at line 21 and wraps the full page content until the sidebar: https://imgur.com/a/S6EKPFE

    September 8, 2020 at 1:36 pm #1244294
    Ismael

    Hi,

    Thank you for the update.

    This is not a bug. The theme automatically adds or converts the “div” tag to “main” if the section is the very first element in the page. This can be found in the enfold\config-templatebuilder\avia-shortcodes\section.php around line 1334:

    			//this applies only for sections. other fullwidth elements dont need the container for centering
	        if( $open_structure )
	        {
	        	if( ! empty( $main_container ) )
	        	{
					$markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) );
					$avia_section_markup = 'main';
				}
				else
				{
					$markup = 'div';
				}

		        // more code here
	        }

    Another main tag exists in the header.php file which is the outer or the main wrapper.

    Best regards,
    Ismael

    September 9, 2020 at 11:38 am #1244601
    CS

    Hi Ismael,

    Thank you for the clarification. I think it’s a somewhat strange choice here because not all of the actual page main content will be put in the <main> tag when using a color section. Only the content up until the very first color section on that page is put inside the <main> tag. In my opinion it would be logical to have the <main> tag always wrap the page’ content. No matter what. So the color sections as well.

    The other ‘main tag’ in the header.php is just a <div> tag with an ID of ‘main’ to it. Not an actual <main> tag. Which is logical in this case since it wraps sidebars and the footer as well.

    September 11, 2020 at 2:23 pm #1245149
    Ismael

    Hi,

    Thank you for the info.

    We’ll forward this thread to our channel for further consideration. This is somewhat discuss in an older thread about having unique landmarks in the page which includes the main tag. There we provided a minor change in the sections.php file to remove the main tag in the color sections and make the container in the header.php file the actual main container.

    // https://kriesi.at/support/topic/wcag-2-1-level-aa-and-landmarks/

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.