Archived topic

space between blocks on mobile

5 replies · Started by Patrick on April 29, 2016

Viewing posts 1–6 of 6

April 29, 2016 at 11:10 pm #190506

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

April 29, 2016 at 11:38 pm #190510

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?

April 29, 2016 at 11:51 pm #190511

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

April 30, 2016 at 12:01 am #190515

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

Let me know :)

April 30, 2016 at 12:17 am #190523

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

April 30, 2016 at 9:53 am #190618

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.