gkHeaderBottom Position

Hi,
I have to see 3 boxes in gkHeaderBottom position. In desktop mode, the 3 boxes are displayed on one line.
But if I see in mediaquery 1030px you see two boxes on the first line and the third box in the line below.
How can I fix?

bluap1.JPG

bluap2.JPG

Best Regards.
Gioacchino

Hi

This is responsive design. Number of columns is scalled depend of the screen width. Please tell me the url to the page You've made this screenshot and I'll tell You how to disable it.

Hi

This is responsive design. Number of columns is scalled depend of the screen width. Please tell me the url to the page You've made this screenshot and I'll tell You how to disable it.

http://isweb.cmsacademy.it

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:1030px) {
body .gkCols4 .box:nth-child(2n+1) {
    clear: none;
}
body .gkCols4 .box.gkmod-3 {
    width: 33.3%;
}
}