Hi @@techiesreviews , as so kindly requested, I would like to ask you : what would be the best way (with Greenshift & Blocksy) for making a vertical menu (which would be horizontal in mobile mode ) ? And in your opinion : is it a good manner, with Greenshift, to use mainly containers instead of row ? (I found containers more flexible to use and global class work better with them that with row) Have a nice day !
@@fantouwebmaster6998 I used Blocksy for one project and I think there a lot of limitations of you want something this custom. This requires a lot of custom CSS or setting changes to make it work. Which Blocks to use is up to you. The intend from the developer is to use Row because it aligns with the overall content and the container block is used for grouping things together. But with Blocksy I think it doesn't matter that much. If you like to use Containers because it's more flexible keep using it 😁😁
how about 4th method on tablets? pretty poor downscaling two-column layout... how to change into 1 column and two rows without affecting desktop formula?
Thank you for your question! I also have a gripe with two columns on tablets, to be honest. I mean, there is a lot of variation. But looking at different screen sizes you could fix it several ways... For tablets, you get into a gray area because when do you want a two-column layout to remain two columns and when do you want it to be one column? It depends on your content. You can set the Columns Number for tablets to the amount you need on tablet, that should work fine. Secondly, you can set the template grid to auto / 1fr 1fr for two columns or auto / 1fr for one column. Alternatively, you could use something like the min() CSS function, so the container would theoretically get one of the smaller sizes. Something like below. auto / 1fr min(calc(var(-wp-style-global-content-size) / 2), 1fr) min(calc(var(-wp-style-global-content-size) / 2), 1fr) 1fr Hope it helps :D.
Thanks for this this video, helps a lot !
You are welcome and thank you a lot for your comment. Is there anyway I could help you?
Hi @@techiesreviews , as so kindly requested, I would like to ask you : what would be the best way (with Greenshift & Blocksy) for making a vertical menu (which would be horizontal in mobile mode ) ?
And in your opinion : is it a good manner, with Greenshift, to use mainly containers instead of row ? (I found containers more flexible to use and global class work better with them that with row)
Have a nice day !
@@fantouwebmaster6998 I used Blocksy for one project and I think there a lot of limitations of you want something this custom. This requires a lot of custom CSS or setting changes to make it work.
Which Blocks to use is up to you. The intend from the developer is to use Row because it aligns with the overall content and the container block is used for grouping things together. But with Blocksy I think it doesn't matter that much. If you like to use Containers because it's more flexible keep using it 😁😁
@@techiesreviews Thanks a lot for all your explanations, it helps a lot ! :)
how about 4th method on tablets? pretty poor downscaling two-column layout... how to change into 1 column and two rows without affecting desktop formula?
Thank you for your question! I also have a gripe with two columns on tablets, to be honest. I mean, there is a lot of variation. But looking at different screen sizes you could fix it several ways...
For tablets, you get into a gray area because when do you want a two-column layout to remain two columns and when do you want it to be one column? It depends on your content.
You can set the Columns Number for tablets to the amount you need on tablet, that should work fine. Secondly, you can set the template grid to auto / 1fr 1fr for two columns or auto / 1fr for one column.
Alternatively, you could use something like the min() CSS function, so the container would theoretically get one of the smaller sizes. Something like below.
auto / 1fr min(calc(var(-wp-style-global-content-size) / 2), 1fr) min(calc(var(-wp-style-global-content-size) / 2), 1fr) 1fr
Hope it helps :D.