[Resolved] space between blocks on mobile

[Patrick]

Hi Tom,

I’ve setub my theme with blocks (not one container). How can I setup the theme, that the page change on mobile view from blocks to one container? because on small screens there where between the blocks to much space and with a colored background it looks like a zebra 🙂

Additional question:
How can I setup the image on blockoverview complete fullwith without padding? the text should have his padding which i define within the addon. I use masonry style.

thanks for your reply
Patrick

• This topic was modified 7 years, 1 month ago by Patrick.

[Tom]

Hi there,

1. Try this CSS:

@media (max-width: 768px) {
    .separate-containers .widget, 
    .separate-containers .hentry, 
    .separate-containers .page-header, 
    .widget-area .main-navigation,
    .separate-containers .inside-right-sidebar, 
    .separate-containers .inside-left-sidebar,
    .separate-containers .site-main {
        margin: 0 !important;
    }
}

2. Not too sure what you mean by this? Any examples?

[Patrick]

Hi Tom,

the first code works, thanks. with your reply-time you could go to the olympics 🙂

to my second question. I mean not Block :)) I mean Blog… Like to stretch the block picture on overview page to complete fullwith of the entryblock. I’ve attached a screen.

Thanks and Regards
Patrick

screen
http://cruze-forum.de/grscreen.png

• This reply was modified 7 years, 1 month ago by Patrick.

[Tom]

Ah, this should help: https://generatepress.com/forums/topic/page-and-post-headers/#post-125452

Let me know 🙂

[Patrick]

Hi Tom,

thanks a lot for your help and this fantastic theme.
Solution works fine 😉

You can set this topic as fixed 🙂

Greets from Germany
Patrick

[Tom]

Glad I could help 🙂

[Author]

Posts