Livia_Sole

Thanks Paul! The website is: https://www.periodictableofveg.com/ A sample page is https://www.periodictableofveg.com/home/soy-beans. Your help is so appreciated!

Hi there! All of a sudden, the categories displayed on the individual pages are no longer aligned to the 1200px page format, but bleed out. I didn't touch anything so I don't know how this came about. I'm on a version 7.1. I've tried to rearrange page width but these categories are auto-displayed, it's not a separate content block I've created. Any advice on how to fix the bleed? Thanks so much!

Hi @tuanphan can you still help? Thanks so much!

Hi @tuanphan Ok, duplicate website URL is here. Pass: PTOVadmin1 The homepage is the current 4 column grid blog. The "Veg People" is the blog I would like to make a 2 column grid blog (instead of a 4 column like the home page) with different metadata and information displayed. Can you access it? Thanks!!

The basic grid blog is live and has 90+ pages linked to it - its essential there remain in the grid format for design reasons. It's a 4 column blog. Can I go from grid 4 column blog and create a grid 2 column blog without messing up the original 4 column? I would have different metadata display as well. Let me know if this is possible! Thanks so much

My site is already live and a have visitors, so I can't just put it on private and password protect it. Is there another way?

Hi @tuanphan - I'm afraid these don't quite work either. I've adapted what you sent and it's marginally better, but still not working on landscape view on mobile and on tablet. /* Tablet */ @media screen and (max-width:1100px) { body.homepage #page section:first-child { min-height: 80vh !important; } } /* mobile */ @media screen and (max-width:780px) { body.homepage #page section:first-child { min-height: 40vh !important; } } You can see what I mean here: http://www.responsinator.com/?url=periodictableofveg.com. Any suggestions?

Yes thanks, I need the code for Masonry. My current blog page has a grid layaout but i'd like the new one to have a Masonry layout. The website it periodictableofveg.com and the blog page I need to edit is "Veg People" - but it's currently private. Let me know if you need anything else! Thanks so much

Hi @tuanphan Site URL: https://www.periodictableofveg.com/ I'm having an ongoing issue with the size of my homepage image. I have tried different bits of custom CSS and each seems to generate problems. My homepage banner image cuts off on some mobile devices and on all tablet devices. I've tried two things: OPTION 1 (this still has issues on some mobile and tablet devices) @media screen and (max-width:1200px) { [data-section-id="5feb9cc97360c774c5ed4562"] { min-height: 40vh !important; } } OPTION 2 (makes the design responsive, but creates a massive white gap on mobile) @media screen and (max-width:640px) { [data-section-id="5feb9cc97360c774c5ed4562"] .section-background img { width: 100% !important; height: auto !important; } } Can you help? Thanks!

Hi, I'm also having this issue - I just created a new blog page, but if I select a different formats - I have a basic grid on my live page but want masonry on my other one. Has anyone cracked this?

If you edit the gallery block you will see a little plus "+" sign on the bottom right hand corner. Click the "+" sign and you will get three options. One is "search images." Click to search images, then select the tab called "imported" and you will have access to your whole imported library.

I've tried to use this with no luck. Any idea why this might be the case? I have a gallery block with a Grid design layout. Thanks much!