Featured Image Alignment Issue (Only on vertical mobile)

  • Resolved thetailgatefoodie

    (@thetailgatefoodie)


    5 years, 6 months ago

    Hello,

    When going under the “The Pre-Game”, “The Main Event”, “The Post-Game”, “Blog”, “The Products”, and “The Restaurants” tabs (i.e. anything under a Category), the featured image on the post is center aligned on everything except my vertical mobile. When looking at any of those while on mobile and only on vertical, the featured image is left aligned.

    Is there any way to make that center aligned as it looks very unprofessional?

    P.S. The simplest way the better, as I am 100% new to Word, coding, web creation etc. So if coding is the answer, please really dumb it down for me haha

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You can try this (tweak as needed). The reason it’s left aligned is due to the width and max-width and the float:left on #featured-thumbnail.

    @media screen and (max-width: 640px) {
	#featured-thumbnail {
		max-width: 100% !important;
		width: 100% !important;
	}
}
    Thread Starter thetailgatefoodie

    (@thetailgatefoodie)

    Can I just put that into additional css in the custom screen or do I need to put that into the actual code?

    Thread Starter thetailgatefoodie

    (@thetailgatefoodie)

    @designsmoke you’re my hero! Thank you so much

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Featured Image Alignment Issue (Only on vertical mobile)’ is closed to new replies.