[SoL]

hi there,

i tried to customize the witdh of my columns.

did it that way:

.three-columns #primary {
width: 690px;

}
.three-columns #secondary {
width: 200px;

}
.three-columns #third {
float: left;
width: 240px;
}

my problem is that if i reduce the size of the third column and increase the size of the primary column like that:

.three-columns #primary {
width: 730px;

}
.three-columns #secondary {
width: 200px;

}
.three-columns #third {
float: left;
width: 200px;
}

the gap between primary and third column increases – the gap between primary and secon column decreases.

how can i fix this in order to have same gap between the columns?

[Sakin]

@SoL: Send me your site URL and then I will check in.

[SoL]

here it is:
http://sol-hh.de

[Sakin]

@SoL: I recommend it not to change it. As it’s responsive and then you have to change as per the devices. So, you need to add like the below:

@media screen and (min-width: 1225px) {
.three-columns .content-sidebar-wrap {
    float: right;
    width: 960px;
}
.three-columns #primary {
    width: 730px;
}
.three-columns #secondary {
    width: 200px;
}
.three-columns #third {
    width: 200px;
}
}

[SoL]

– solved –

THX!

[Author]

Posts