menu text color and alignment page

Hi Alex,

To center whole container add this at the Extra CSS page of the Customizer in your dashboard:

#container {margin:20px auto;}

To change color of current menu-item add this:

.nav-primary .current-menu-item > a, .nav-primary .current-menu-parent > a {color:#e77776;}

(change color to your needs)

Guido

Hi Guido,

Thank you verr much!!!
Your help is realy appreciated.

I saw your css code to change the sizes of the menu and the mainpage
——————————————————————-
#container {max-width:1000px;}
and
#content {width:68%;}
#footer {width:68%;}
#sidebar {width:22%;}
——————————————————————-
But I did not have much succes because it would screw up the mobile view most of the time.
I would realy like to have the menu the same size as it is richt now but to have the main page 120-140% (including the content which must be the same as the container).
Hopefully you can help me once again!
Thanx in advance.
Grt,
Alex

Hi Alex,

The width of #content and #footer + #sidebar should be 90% in total.

So you can change the container to for example:

#container {max-width:1200px;}

And change width of 3 elements from above to your needs, example:

#content {width:72%;}
#footer {width:72%;}
#sidebar {width:18%;}

Guido

Hi Guido,

Thank you again for helping me out, but…

When I use the CSS code you supplied (i had tried it before myself) it will mess up the layout on a mobile phone. The menu is shrunken and not the same width as the page. You than can get the menu size the same by increasing the width in the css code but than the layout on the desktop is messed up.

I hope you can help me.
grt,
Alex

Hi Alex,

You’re right, forgot to mention you need to change it back for mobile screen, after adding this. Try this extra CSS:

/* TABLET */
@media screen and (min-width:768px) and (max-width:1200px) {
	#container {width:96%; margin:20px auto;}
}
/* MOBILE */
@media screen and (max-width:767px) {
	#container {width:92%; margin:0 auto;}
	#sidebar {width:100%;}
	#footer {width:100%;}
}

Guido

Hi Guido,

Your help is really appreciated!!!
It does not line up as a I want. The mainpage is different in size than the menu or footer but at least I have some handles to turn.
Thank you again. I will dial in some numbers to see how it goes.

grt,
Alex

Hi Alex,

Looks fine to me. Please note that the width of your homepage looks different, but this is casued by the scroll bar on the right. Currently this is the only page with scroll bar.

And don’t forget to add the mobile CSS from my previous reply.

Guido