-
AuthorPosts
-
January 8, 2021 at 11:35 pm #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.
January 10, 2021 at 10:44 am #1271318Hey 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,
RikardJanuary 10, 2021 at 11:30 am #1271332This reply has been marked as private.January 13, 2021 at 12:10 pm #1272128This reply has been marked as private.January 13, 2021 at 12:43 pm #1272134on top you have a 1/1 container
then the grid row
then a color-sectionso the 1/1 element before is different to that what you inserted after the grid row
a color-section got those 50px left/right paddingSince 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.January 13, 2021 at 1:49 pm #1272156Hey 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,
YigitJanuary 13, 2021 at 1:49 pm #1272157Hi,
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
January 13, 2021 at 1:52 pm #1272158This reply has been marked as private.January 15, 2021 at 11:24 am #1272663This reply has been marked as private.January 18, 2021 at 7:34 pm #1273426Hi 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,
YigitJanuary 18, 2021 at 7:40 pm #1273430This reply has been marked as private.January 18, 2021 at 8:13 pm #1273447Hi 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,
YigitJanuary 18, 2021 at 8:25 pm #1273456This reply has been marked as private.January 18, 2021 at 8:52 pm #1273471Hi,
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,
YigitJanuary 18, 2021 at 9:23 pm #1273481This reply has been marked as private.January 18, 2021 at 9:24 pm #1273482This reply has been marked as private.January 19, 2021 at 10:36 am #1273619Hi,
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,
YigitJanuary 19, 2021 at 5:07 pm #1273787That makes perfect sense. Thank you so much for your help and assistance. All good now : )
All the very best,
PatrizioJanuary 19, 2021 at 5:14 pm #1273789Hi 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 -
AuthorPosts
- The topic ‘Grid row layout element generates after_submenu elements with nested containers’ is closed to new replies.