Seitenbreite einstellen

Hallo zusammen,

ich habe mit meiner Site http://leckere-smoothies.de folgendes Problem:

Die Standardeinstellung des Themes (catchresponsive) zeigt die Inhalte auf der vollen Bildschirmbreite.
Ich möchte aber, dass (wie bei den meisten Websites) die Inhalte mittig stehen (wie in einer Box z.B.)
Dafür habe ich das stylesheet folgendermaßen angepasst:

.site {    margin: 0 auto;
    width: 80%;
    max-width: 80%;

Auf Laptops, sprich nicht so breiten Bildschirmen, sieht das auch ok aus, aber auf breiteren Bildschirmen steht z.B. die Sidebar und der Inhalt sehr weit auseinander.

Weiß jemand, wie das Problem gelöst werden kann?

Danke und viele Grüße,

Nina

kann jemand weiterhelfen?

Danke für den Hinweis. Ich habe den Code jetzt wie folgt abgeändert, sehe aber keine Veränderung.. (habe hier einen Bildschirm mit 1920px x 1080px Auflösung).

#main {	float: left;
	width: 70%;
}




.sidebar-primary {
	float: right;
	width: 70%;

super danke, das hat jetzt wunderbar geklappt!! :)

Eine letzte Frage: Wenn ich die Seitengröße meines Browser-Fensters ändere und der Platz in der Navigationsleiste zu klein wird, schiebt sich das Element search.toggle immer in eine zusätzliche "Zeile", sodass es u.U. 3 Zeilen der Leiste ergeben. Weißt du wie ich das abstellen könnte?

hat sich erledigt - danke!