Background image cut out on mobile

  • Unknown's avatar
    eaglecheesediomedes94811 · Member ·

    I’m having trouble with the homepage background images in my website martinnmusic.com. They look alright on desktop but on mobile devices the width is cut out.

    I’ve looked into the media queries css but I don’t want to change anything just in case I mess up, I’m new in all this. I don’t even know if I’m looking into the right css sheet.

    The media queries section has more code, this is at the bottom. But I guess is the one for mobile devices. 

    @media only screen and (max-width: 480px) {

	.footer-widgets .widget-title,
	.home-even .widget-title,
	.home-odd .widget-title {
		font-size: 36px;
		font-size: 3.6rem;
	}

	.home-even,
	.home-odd {
		font-size: 22px;
		font-size: 2.2rem;
	}
}
#header .header-left {
float: left;
width: 30%;
}

#header {
padding-top: 30px;
}
  • Unknown's avatar
    helper-heroponriki · Member ·

    Hi there!

    You’ve posted to the free support forums for websites hosted here at WordPress.com.

    We are unable to help because we don’t host your site directly on our WordPress.com managed hosting. Instead, your site is hosted with a different provider on a separate host, and we’re unable to provide support. But I can get you pointed in the right direction.

    The good news is that because you use the open-source variant of the WordPress platform (which functions differently than what we offer here on WordPress.com), help is available at the community forums here:

    https://wordpress.org/support/forum/how-to-and-troubleshooting/

    The folks in the open-source forum are more familiar with these issues and are in the best position to help.

    I hope this points you in the right direction.

  • Unknown's avatar
    eaglecheesediomedes94811 · Member ·

    Thank you so much!!!

  • The topic ‘Background image cut out on mobile’ is closed to new replies.