Mobile-tablet header not working
- The topic ‘Mobile-tablet header not working’ is closed to new replies.
Need help? Check out our Support site, then
This topic was marked as resolved but it’s not. Could you please take a look at the header again with this css added? It seems to be sort of okay now for mobile phone by still too small on tablet.
Staff send me some code to try to use if I added a custom smaller image for the mobile but it didn’t work. They referred me back to you. I’ve pasted it below. I really just want the header to look good on all three devices. Thanks.
@media only screen and (max-width: 480px) { .header .logo img { display: block; background-image: url(http://flaxgoldentalesdotcom.files.wordpress.com/2014/08/xxxx.jpg); height: xxxpx; width: xxxpx; padding-left: xxxpx; } }
The blog I need help with is: (visible only to logged in users)
Hello Bonnybecker,
I apologize for this inconvenience,
Kindly, paste below code into your
Dashboard->Theme Options->Styling
@media only screen and (max-width: 480px) {
.header .logo img {
max-width:270px;
}
}
It will definitely resolve your issue,
Have a nice day :-)