Mobile-tablet header not working

  • Author
    Posts
  • #57885

    bonnybecker
    Member

    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 flaxgoldentales.com.

    #58178

    neeraga1
    Theme Author

    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 :-)

The topic ‘Mobile-tablet header not working’ is closed to new replies.