slideshow and html module

I am trying to achieve the same layout like in boutique, were the slideshow on the top with an HTML module on the right.
But every time i publish the slideshow and an html a it goes into a 50/50 split, what i want is a 75/25.
The position i am using this is TOP 1

How can i do this

Thank you

Anyone?

It needs a custom code, because the layout is fluid and responsive. So the first step is add this code to the some of CSS files at the end (I suggest to enable the override.css file in the back-end and put all the code there):

Code: Select all

#gkTop1 .box {
     width: 25%!important;
}

#gkTop1 .box:first-child {
     width: 75%!important;
}

Then you should achieve the 75/25 proportions.

BUT - what with the tablet and mobile devices? I suggest to don't change anything in the tablet.css but for the mobile.css I can recommend this code:

Code: Select all

#gkTop1 .box {
    width: 100%!important;
}

Then on the mobile devices both modules will be full width modules (as for the other module positions).

Thank you dziudek