Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 12, 2022 at 9:04 pm #1372335
    navindesigns

    On my site about page – https://gideonfranchise.com/about/ – I have a Meet Our Team flip box which looks great but on mobile the background image does not look great

    Screenshot – https://ibb.co/4Pspyzt

    Is it possible to:

    1- center the image on mobile
    2- reduce the padding around the top and sides so the block is not so tall

    Thanks

    November 12, 2022 at 10:16 pm #1372352
    Guenni007

    First : it depends on so much text on the backside. If you got less text – there will be less height.
    Maybe you decide not to show all text on mobile phone ( f.e. only the first p tag )

    @media only screen and (max-width: 391px) {
	#team .avia-icongrid-flipback .avia-icongrid-text p:nth-of-type(n+2) {
	  display: none;
	}
	#team .avia-icongrid-flipback ,
	#team .avia-icongrid-flipback .avia-icongrid-inner {
	  padding: 10px !important
	}
}

    less padding – see second rule.
    next – on the alb itself you can have a smaller font-size on small screens.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.