[Franz]

Hi,

I managed to change width of the sidebar (secondary), but not the width of the post content. What CSS code I have to use in order to change the width of post?

url http://www.zuercher-bienenfreunde.ch/

Kind regards

Franz

[Mahesh]

@franz: Have you resolved the issue? Let me know further.

Regards,
Mahesh

[Franz]

Hi Mahesh,
I found a code after having submittend the question to you and adapted it, and it seems to work:

#primary {
width: calc(68% – 10px); }
#secondary {
width: calc(32% – 10px); }

In this way I can easily change the proportion of primary vs. secondary part of the website.

What do you think, is that ok in this way? Any side-effects not forseen?

Kind regards

Franz

[Mahesh]

@franz: Its fine but in small devices, its still divided into two columns. Using percentage works fine too.

#primary {
    width: 69%;
}

#secondary {
    width: 29%;
}

@media screen and (max-width: 960px) {
    .widget_search #s {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    #primary, 
    #secondary {
        width: 100%;
    }
}

Regards,
Mahesh

[Franz]

Great, it works also fine one mobile device. Thanks a lot!

Franz

[Author]

Posts