socialbiosphere

I solved it. Changed width to 100%. Thank you!

Edit:

I’ve been able to shrink it for mobile:

@media (max-width: 480px){
.site-branding {
background: url(“https://www.socialbiosphere.com/wp-content/uploads/2016/12/sobiooption-1-768×256.png”) no-repeat scroll center center / contain rgba(0, 0, 0, 0);
margin-top: 3px !important;
width: 250px;
}
}

(I’m not sure what the no-repeat … 0, 0); is for.

The only issue I have now is that the logo is not centred. Is there any code I can add or change to centre the logo on mobile?

Awesome @salsaturation

Now we have the opposite issue unfortunately. It looks great on a full sized screen, but is larger than the screen on a large smartphone.

Is this something that can be adjusted relative to the screen size? Or is it just try to find a size that fits all screens?

I appreciate all the help.

Thanks @salsaturation.
socialbiosphere.com