How to make my logo full-width?

Activello
#1

Hi there,

I have searched this forum and tried the CSS suggestions from a few of these threads and they haven’t worked :frowning:

my image is 1920px x 300px so it should be fine but it still isn’t working.

Here is my website https://melissacritchlow.com/art-that-soothes-the-soul/

I was wondering if someone could please help?

Thanks,

Melissa

#2

Hi there

Melissa, please try this css code:

header#masthead .container {
    max-width: 100%;
width: 100%;
    margin: 0 auto;
}
#3

Hello,

Thanks for your help, however it didn’t work. I have attached a screenshot to show you what I have in the additional CSS atm.

Screenshot 2020-12-07 082148
Screenshot 2020-12-07 0821481920×933 380 KB

#4

Hey there

You need to close } at the end of the media queries: https://prnt.sc/vy3ez8

#5

Yay! That did it, thank you so much! I think I deleted that second bracket by accident when moving code around.

Thank you for your help with this.

#6

Thank you for sharing the results, Melissa :slight_smile:

Have a great day

#7