Hey there, my grid does not show up. please provide me with a solution that looks appropriate on all screensizes. please don’t make it such a long topic as this one https://theme.co/apex/forum/t/the-grid-plugin-does-not-show-up-in-footer/55004/8
and check if it works on smaller screens before providing me any workarounds.
thanks for your help!
Hi @zerotoone.de,
The problem that you are experiencing is exactly what is mentioned in your previous thread. The Grid element should be added in the Text element, and you need to set the width to make sure it has enough space.
To give you some context, The Grid uses Javascript to calculate all the width and height aspects of the Grid. That is why if you shrink the browser window you will see the animation and reordering of Grid elements. If the container that the Grid is in does not have a positive width value, the Javascript cannot calculate it, and instead assumes a width of 0. That is why it does not display when using the Content Area element, as that element does not have an option to add width. For that reason, you must use the Text element, as it does have an option to change the width.
Just to manage your expectations, whilst we are happy to guide you and explain to you how to use the various product features and native theme settings, it’s not our responsibility to directly implement those features for you.
That said, in this case, I have made the changes for you. So that you understand what was changed and why, here is what I did:
I went to WordPress Dashboard > Pro > Footer > Bar 5 > Container 1 and added a Text element and inside that, I added The Grid shortcode and set the width to 100%.
I also changed the height of Bar 5 to Auto, so that the natural height calculation of The Grid is applied. You had set an exact height value for Bar 5, and doing this prevented the Grid from expanding vertically in smaller window sizes. In smaller views, the Grid has more than one row, and it needs space to have the additional rows stacked.
Whenever you use a plugin that the width and height are determined dynamically, you need to consider how the container it’s in is set up, allowing that to expand or contract based on the content within. Using fixed values such as 50px on a container (like a bar, row or column) will limit any content within to that value.
Hopefully, this helps you understand how to implement The Grid on your site(s), and if you need any further assistance with native theme settings or utilising our extensions in the builders, we’ll be on hand.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.