Suits Theme – Different header image for mobile view only?

  • Unknown's avatar
    bobbyhearn · Member ·

    Hello. I am in the last lap of finishing my site. I’m having some cropping issues in the mobile view, unfortunately. There’s a strip of black showing in between the header and my nav bar. So, I’m wondering… is it possible with CSS to specify a different header image ONLY on mobile view. Not tablet. No desktop. Just mobile. If so, this is the image I’d want to use: https://fivestarsoda.files.wordpress.com/2015/02/square-logo.jpg

    My site it set to private right now, so I will gladly add you as a viewer if you’re willing to help!!!!

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    I notice that you’ve enabled the mobile theme under Appearance > Mobile.

    The separate mobile theme is only intended for older themes that are not responsive, i.e. themes that do not automatically adjust for mobile devices. Since Suits is responsive, I’d suggest that you try turning off the mobile theme and have a look at your site. It should automatically adapt for different screen sizes and look good at every size, from phones through tablets, laptops and desktops.

    Let me know how it goes.

  • The topic ‘Suits Theme – Different header image for mobile view only?’ is closed to new replies.