Archived topic
Query loop alignment issue
1 reply · Started by Carrie on October 16, 2021
Hello! I have an issue with a query loop, if you could please give me a suggestion on how to fix it. It seems to be missing padding on the right side, even though settings in the editor look correct. It doesn't show the issue on the back end when I'm working on page layout, which has a padding of 40 on the left and right of the container that contains the query loop, but it does show up on the published page.
View the example here (right above the footer): https://afoqt.hissyfitdev.com/
Can you tell me if there is a setting I'm missing, or something I can do it fix it?
Thank you.
Hi Carrie,
Can you try the steps below:
1. Disable all the alignfull alignment inside this GB container.
https://www.screencast.com/t/uZ8xWEJi
2. Set the GB inner container width to full width.
https://docs.generateblocks.com/article/container-overview/#inner-container
3. Add this CSS:
.wp-block-query ul {
margin: 0;
}
.full-width-content .wp-block-group__inner-container {
max-width: 100%;
}If you do so, your site won't have horizontal scroll like it has right now and the padding should be fixed.
Let me know :)
