Hello,

I would like to center the logo on my page but can't seem to be able to properly do so. I tried following CSS: 

    #logo {
        left: 50%;
        }

The logo moved but slightly off center. Also when switching to tablet or mobile mode, the logo started to misalign with the menu button.

Also, I tried "text-align: center" in CSS but nothing happened.

Tried it, but still the logo is slightly off center. When switching to mobile it appears on the far right.

Screenshots attached.

Now when using burger menu on fullscreen, then I would rather like to display the menu button in the center as well, below the logo, but I can't pinpoint the id of the burger menu button.

Hi, 

Thank you for your reply. The last CSS worked, I got the logo in the center, but I would like it to appear in the center in relation to media caroussel and the top of the page as well. Also I would like the logo to align with the burger menu. I could bring the logo downwards a bit using "top 60px" in CSS, and it would align with the burger menu, but when changing the size of the window (or switching to mobile mode), the logo and the menu button misalign. Is there a way to keep them aligned with one another, when resizing the browser window? Or another option: when switching to mobile screen the burger menu button would appear in the center, below the logo (picture of desired result attached).

I made the page public for you to inspect. 

Thank you in advance!

The page should be public for now. If you need wordpress admin access please provide your e-mail first so I can send you the information. 

Excellent! Thank you for your support!