horizontal mobile screen cutt off after adding Custom CSS

hi there

on this website the header is cut off with a Samsung Galaxy in Horizontal view

it's OK in regular vertical view - see attached screen caps
also it's ok with my iphone in both vertical and horizontal view

the custom CSS I have inserted in "Styling Options" to shrink header for mobile is below

what is the adjustment i should make to eliminate
the horizontal view cut off from the Samsung phone?

=====================
@media only screen and (max-width: 480px){
.logo img {
width: 90%;
}
=====================

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header .logo {
margin: 27px 20px 21px 23px;
}
.logo img {
max-width: 100%;
} 

instead of code

Code:

@media only screen and (max-width: 480px){
.logo img {
width: 90%;
}} 

This will solve your issue.