Docs

[Guillaumeg06]

Hello there,

I have technical question :

1/ I would like to fix the height of my columns whatever the size of the screen
I try something like this

@media (min-width: 1200px) {
.text {padding-bottom: 15px;}
}
but no luck

see picture : http://hpics.li/7bc2c7b

2/ I would like to get a gap between the content and the sidebar for mobile view

see picture: http://hpics.li/4708899

Hope you can help

Best

[Guillaumeg06]

This reply has been marked as private.

[Guillaumeg06]

Just to correct something

In the 1/ here in my exemple I don’t try to fix the height of the column but the height of my “text element” but if it simple to fix the column height I listen your advice.

Cheers

[Nico]

Hi There,

Thanks for writing in.

1. Try adding !important

@media (min-width: 1200px) {
.text {padding-bottom: 15px !important;}
}

2. add this in your custom CSS:

@media (max-width: 979px)
.x-header-landmark+.x-container>.offset>.x-sidebar {
    margin-top: 59px !important;
}

Adjust the numbers in max-width to adjust which size of screensize the adjustment will show and how far the gap is.

Let us know how it goes.

Thanks.

[Guillaumeg06]

Thank you !

for the 2/ not working

[Paul R]

Hi,

Sorry, there are missing brackets on the code provided above.

Kindly change it to this.

@media (max-width: 979px) {
.x-header-landmark+.x-container>.offset>.x-sidebar {
    margin-top: 59px !important;
}
}

Hope that helps.

[Author]

Posts