Docs

[strandbein]

Hi,
on every screen I’m very satisfied with the layout, except on mobile. How to remove the box on mobile portrait?
Thank you,
Jens

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .site > .x-container.max.width.offset {
        width: 100%;
        max-width: 100%;
    }
}

Hope it helps 🙂

[strandbein]

That’s it, thank you very much!

Jens

[Christopher]

You’re welcome.

[strandbein]

One more thing:
There is a different display on search and blog index page, on mobile only naturally.
On search there is a little border around the founds that is looking good. On blog index page (Produktionen) that border is missing. How to change this?
Thank you,
Jens

[Rupok]

Hi Jens,

It’s happening because you have the below code :

@media (max-width: 480px) {
.site > .x-container.max.width.offset {
    max-width: 100%;
    width: 100%;
}
}

So there is actually no space and eventually the border is cutting off. You can update the code a bit :

@media (max-width: 480px) {
.site > .x-container.max.width.offset {
    max-width: 90%;
    width: 90%;
}
}

Hope this helps.

[strandbein]

Ok, thank you.

[Joao]

Let us know if you need further help,

Joao

[Author]

Posts