View on mobile

When viewed on mobile, it shows a bizarre black color that hides the actual logo - the site is select66.com which is a bit bizarre - have you any suggestions please?

Thanks

1 Like

Hello @lchadwicksmith,

Please try to use this CSS code to change that color:

@media only screen and (max-width: 1024px) {
    .site-header {
        background-color: grey !important;
    }
}

You can change grey to any other color or color code.

You can add CSS code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

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

Kind Regards, Roman.

Thats great, cheers! Last question - the image when viewed on mobile is quite narrow - can that be made to be bit taller at all? Also, can the select66 logo be made smaller? I viewing it on an iPhone 5 and it is a bit big… If you have any short css code for that, that’d be great!

And, is there any css code to make the Menu title a different color? At the moment it is white which is a bit hard to see.

Hello @lchadwicksmith,

I would be glad to help you, but can you please provide a link to your website?

Kind Regards, Roman.