Wide screen problems

Hi there

I’ve been designing the website on my laptop and it looked pretty nice. But when I checked it out on my work PC that has a large wide screen, I was a bit disappointed. The logo and the menu did not get adjusted (aligned left and right accordingly) to the wide screen and kinda stayed at the same place which makes it look weird. I drew it schematically so you can understand what I mean.

Is there any way to align these elements left and right? I don’t know if it’s possible but I don’t want them to be too close to the edges but definitely they must be moved closer to them.

Thanks.

Hello, try to use the following CSS code.

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

@media (min-width: 768px) {
    #masthead .container {
        width: 90%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks a lot Roman

I’ll try it in a couple of days when I get to work and I’ll let you know if it works

Okay, you are welcome! :slight_smile:

Kind Regards, Roman.