Thanks! Does this apply to styling product pages as well for WooCommerce?
Hi Natasha,
Yes, you can also design a Single Product template using the Layout Builder.
Layout Builder: Single Templates
Cheers,
Thanks, that worked!
Another question popped up while I was working on the site. For some reason, I can’t seem to get a 3-column template on this page for larger screens. The third column wraps to the second line, even though there’s space for it on the first line. Link provided in secure note.
Can you advise me on how to correct this?
Thanks!
Hi Natasha,
The layout of your ROW on large screen is set to 1/3 + 2/3
If you need that to be in 3 columns, please set that to 1/3 + 1/3 + 1/3
or same as on extra large screen 1/4 + 1/2 + 1/4
Hope it helps,
Cheers!
Thank-you but yes, I did do that. However, when I set a third one on larger screens, it wraps to the next line so only two columns appear on the top row. Is there a way the whole width of the row can be used?
Also, I’m really sorry to ask, but can I request that you delete the screenshot as it shows identifying information? (logo + photo)
Hello Natasha,
There seems to be an issue on your site. We cannot check it at the moment.
Please contact your hosting provider so when the issue is fixed, we can log in and we can continue troubleshooting your issue.
See the secure note below.
Thank you.
I’ve checked the site and I’ve checked in with the host – everything seems to be running smoothly on my end now. Is it still an issue on your end?
Hi Natasha,
Thanks, your site is working now. But I cant find where did you get that last screenshot of yours. Is that the one from the page below? I don’t see that issue happening on that page.
Please point us how we can see the issue.
Cheers,
Yes, that’s the area it’s from but it’s still disappearing/wrapping to the next line even with adequate screen width (see secure note):
Hi Natasha,
I have checked the same but didn’t find the issue you described in an earlier comment. Can you please explain what exact error you are having, the last screenshot does not describe that?
Thanks
In the screenshot, there is a large area of space to the right of the text block for the third column to go in – but the third column is either wrapping to the next line or (as in the screenshot) disappearing altogether. I have to stretch the browser window quite a bit to fit the third column – and even then, there’s a large amount of space to the right of the column. The row does not allow for third column to expand to the remaining width of the row.
hey Natasha,
The 3rd column disappears because you have enabled the “Hide During Breakpoints” on this column. You can find this in the “Customize” tab in our 3rd column settings.
The columns will collapse on smaller screens because that is what your Column Layout setup. You can find this in your Row element settings.
By the way, I found out that you are using Pro 4.3.3. If you are going to upgrade, please do it now because the Column Layout in the Row element settings was relocated to accommodate the element Responsive Styling.
Hope this makes sense.
Yes, I understand that. However, I’m on a desktop computer. Even on larger screens, the third column disappears or wraps to the third line when there is ample space for the third column.
Hi Natasha,
Thank you for the login, please see secure note, that is what we are seeing on our end.
It could be your browser is holding onto a cache version of your page. Please clear your browser’s cache, or use the browser’s incognito/private mode.
Let us know how it goes,
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.