Docs

[yhshin1020]

Hey,

I have a page set up, and I managed to create a content band that will automatically be the size of the full page (maximum height and width of the screen) using the css

`content{
height: 100vh;
}

However, on mobile, it looks all messed up.

How do i fix this problem?

Also, I want to know how i can make the header decrease in size on mobile /tablet devices.

Thanks!

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Rad]

Hi there,

You may try adding padding by percentage on your content band’s style attribute. It’s not advisable to add fix height on a content by, but padding as percentage will add height as well and still responsive.

Eg. padding: 20% 0 20% 0;

20% top and bottom.

Thanks!

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

I recommend you to not use fixed height and let content bands resize automatically base on content length.

However if you want to set fixed height, try this code :

@media (max-width:767px){
.content1 {
    height: 200vh;
   
}
}

Hope it helps.

[Author]

Posts