Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #1271166

    Hi,
    for some reason when I add to my pages a Grid row layout element, that generates an after_submenu elements with nested containers instead of av-layout-grid elements. As a result the layout looks completely uneven. This looks to me as a bug in my installation or in the theme itself. Can you help?
    I created a demo page for you to have a look: http://www.patriziosaliani.com/portfolio-item/test/

    Let me know.
    Thanks

    • This topic was modified 3 years, 10 months ago by patrizio74.
    #1271318

    Hey patrizio74,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1271332
    This reply has been marked as private.
    #1272128
    This reply has been marked as private.
    #1272134

    on top you have a 1/1 container
    then the grid row
    then a color-section

    so the 1/1 element before is different to that what you inserted after the grid row
    a color-section got those 50px left/right padding

    Since we have a portfolio page here in your test site, it is possible to work using full-width elements ( like color-sections, grid-row ), but is it advisable?
    If you plan to position sidebars on these pages (portfolio or posts), they would be displayed below the full-width elements.

    #1272156

    Hey Patrizio,

    I enabled debugging mode for ALB – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode and copied your content to my testing installation however it worked fine – https://imgur.com/a/Irqp9qb

    HTML seems broken on your installation. Do you mind if we try de-activating all active plugins for testing purposes?

    Regards,
    Yigit

    #1272157

    Hi,
    thanks for your reply.
    I have updated the page so the issue is clearer, on the page I now have:
    – 1/1 element
    – Grid element
    – 1/1 element
    As you can see the last 1/1 element is indented, which should not happen. I have inspected the last 1/1 element and the html is as follows:

    <div id="after_submenu_1" class="main_color av_default_container_wrap container_wrap fullsize" style=" ">
    <div class="container">
    <div class="template-page content  av-content-full alpha units">
    <div class="post-entry post-entry-type-page post-entry-4623">
    <div class="entry-content-wrapper clearfix">
    
    <div class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-12  el_after_av_layout_row  avia-builder-el-no-sibling  " style="border-radius:0px; ">
    <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
    <div class="avia_textblock  " itemprop="text"><h2>This is a full width element 1/1 but it is nested in a new ‘contaner’ div for some reason</h2>
    </div></section></div>
    
    </div></div></div></div></div>

    The first 5 divs are totally redundant because all elements are already in a wrapper and a container, so these are not necessary. In fact, if I remove them with Inspector and only leave the following then the layout works as intended.

    <div class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-12  el_after_av_layout_row  avia-builder-el-no-sibling  " style="border-radius:0px; ">
    <section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
    <div class="avia_textblock  " itemprop="text"><h2>This is a full width element 1/1 but it is nested in a new ‘contaner’ div for some reason</h2>
    </div></section></div>

    I am not sure what is causing the Theme to add un-necessary HTML.

    Let me know.

    Thanks

    #1272158
    This reply has been marked as private.
    #1272663
    This reply has been marked as private.
    #1273426

    Hi Patrizio,

    Apparently, theme was not updated correctly as re-installing it helped.
    I also fixed 2 CSS errors in your custom.css file.

    Please review your website :)

    Best regards,
    Yigit

    #1273430
    This reply has been marked as private.
    #1273447

    Hi Patrizio,

    No actually that is intended behaviour of Grid Row so you can create sections like this – https://kriesi.at/themes/enfold-travel/#av-layout-grid-1. It was stuck to the left as it had no padding, I just edited the cells and gave them 50px padding :)

    Best regards,
    Yigit

    #1273456
    This reply has been marked as private.
    #1273471

    Hi,

    Please go to Appearance > Themes > Add New and re-install Enfold 4.7.6.4 :)
    If Appearance > Editor > custom.css file is the same on your live, please replace it as well.

    Best regards,
    Yigit

    #1273481
    This reply has been marked as private.
    #1273482
    This reply has been marked as private.
    #1273619

    Hi,

    1- Sections that follow fullwidth sections have top border by default. Please add following code to bottom of Quick CSS field to remove them

    #after_submenu_1, #after_submenu_2, #after_submenu_3, #after_submenu_4, #after_submenu_5, #after_submenu_6, #after_section_1, #after_section_2, #after_section_3, #after_section_4, #after_section_5, #after_section_6 {
        border: none;
    }

    2- Container width defined in Enfold theme options does not apply to Grid Row element. If you would like to keep width of your content consistent, please use column elements instead :)

    Best regards,
    Yigit

    #1273787

    That makes perfect sense. Thank you so much for your help and assistance. All good now : )

    All the very best,
    Patrizio

    #1273789

    Hi Patrizio,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Grid row layout element generates after_submenu elements with nested containers’ is closed to new replies.