Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1372335

    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

    #1372352

    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.

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