Docs

[Creativenw]

Currently have latest build and all updates done.
Using Icon Stack as a single page site.

I have everything working fine apart from 800 x 600 in landscape mode which bunches the columns too much, Its fine when rotated to portrait 600 x 800 as swaps to mobile. All the other sizes seem to be ok. Is there a media query that can force this size of 800 x 600 landscape to 600 x 800 portrait ? I was thinking along lines of

@media screen and (min-width: 600px) and (max-width: 800px)
{
orientation: portrait;
}

Or can the preset of 768-979 be altered to 802-979 and 481-767 to 481-801

Thanks in advance

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width: 801px){
.x-column.x-sm {
    float: none;
    width: 100%;
    margin-right: 0;
}
}

Hope that helps.

[Creativenw]

This reply has been marked as private.

[Creativenw]

This reply has been marked as private.

[Christopher]

Hi there,

Please find this code :

@media (max-width: 979px){
body .x-navbar-wrap {
     display:none !important;
}

And close curly bracket :

@media (max-width: 979px){
body .x-navbar-wrap {
     display:none !important;
}
}

Hope it helps.

[Creativenw]

This reply has been marked as private.

[Christopher]

Hi there,

Please update previous code to :

@media (max-width: 801px){
.x-section .x-container.marginless-columns .x-column {
    display: block !important;
}

.x-column.x-sm {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}
}

Hope that helps.

[Creativenw]

Thank you so much, perfect.

Just need to sort the other bits, which I know I can sort myself.

X Support is awesomeness !!!!!!!

[Christopher]

Glad we could help you with this.

[Author]

Posts