- This topic has 10 replies, 2 voices, and was last updated 4 months, 3 weeks ago by
Leo.
-
AuthorPosts
-
August 28, 2020 at 2:36 pm #1422367
Shelley
Hi. I’d like to display 2 buttons per row (instead of the 1 that’s currently showing) on the mobile homepage of my site. I think this can be done via css, but its over my skill level.
Can someone help?
Thanks π
August 28, 2020 at 2:43 pm #1422369Leo
StaffCustomer SupportHi there,
Currently you are adding 4 containers per 1 grid wrapper, try adding all 8 containers under 1 grid wrapper instead.
See this section for more info:
https://docs.generateblocks.com/article/grid-overview/#adding-more-grid-itemsThen if you use the option to control the mobile width:
https://www.screencast.com/t/wU91As6WVPwELet me know if this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 28, 2020 at 3:32 pm #1422391Shelley
Awesome solution! Thank you!
I love this grid feature. Its working great except for the last two seem to be bugging out. I checked to make sure all 8 containers had the exact same settings for mobile – 50%.
In order to keep my desktop layout the same, I changed those to 25% so 4 would appear in each row like before. The second row has an indent causing the images in the two rows to not be vertically aligned. Not sure why – I verified they were all formatted similarly.
Any ideas on those two formatting issues?
August 28, 2020 at 4:32 pm #1422412Shelley
So I just came home and logged into wordpress to work on the page more, and it looks like its corrupted. The block editor can’t read it.
Hoping I don’t have to rebuild the whole thing.
August 28, 2020 at 9:18 pm #1422512Leo
StaffCustomer SupportAny chance you can disable LiteSpeed Cache for now?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 29, 2020 at 10:27 am #1423217Shelley
Its deactivated.
August 29, 2020 at 10:34 am #1423225Leo
StaffCustomer SupportCan you make sure the last button is set to 25%?
I believe that’s what’s missing:
https://www.screencast.com/t/dNKKWYv79sDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 29, 2020 at 10:51 am #1423233Shelley
I could, but unfortunately the page is corrupted and I’m unable to edit it.
I’m afraid I’ll have to rebuild it from scratch. I’ll post back here if I have any issues.August 29, 2020 at 10:54 am #1423241Leo
StaffCustomer SupportNot sure what would’ve caused that.
Maybe try fixing the issue first before you rebuild everything?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 29, 2020 at 12:04 pm #1423289Shelley
Too late! I dropped from 8 buttons to 4 and everything looks great.
One last issue – how can I remove the bullet point buttons from the Latest Posts block?
August 29, 2020 at 12:06 pm #1423293Leo
StaffCustomer SupportGlad to hear π
Can you open a new topic for the separate question?
Thanks π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.