Menu position on different pages

Hey! I wanted to search it but i have no idea how to do it.
On site im creating :

I wanna do something like that:
If you enter the site i wanna just have this picture but cropped into a good height (now you can scroll down a bit) and have menu centered, while on other pages have menu normally floating right.
I tried some code but nothing works well.
Could any1 please help me? Thanks a lot sirs!


I’ve just checked your website and it looks like you have already resolved this issue, is it correct?

Kind Regards, Roman.

Hey, yeah i solved my problem somehow! Thanks!
I got one more question but i dont wanna start new topic.
Is there any possibility to change color and size of menu items only on Front Page?
Just to make it more visible. Thanks a lot!!!

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

body.home #mainnav ul li a,
body.home #mainnav ul li::before {
    color: red;

body.home #mainnav ul li a:hover {
    color: green;

body.home #mainnav ul li a {
    font-size: 18px;

Kind Regards, Roman.