Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2019-03-19 06:00:36

youloveben
Member
From: Portland, OR
Registered: 2018-11-03
Posts: 37
Website

Footer text cut off in mobile layout

Is there a custom CSS suggestion or an option in /backlight/designer/design_template/11/#footer that allows for something akin to word-wrap? I've just noticed that my (fairly lengthy) footer text is being cropped down to around 40 characters in mobile layout and haven't found anything in the documentation about this. See https://kennethbenjaminreed.com/proofing/example-204/ in mobile layout for a visual.

Last edited by youloveben (2019-03-19 06:02:31)

Offline

#2 2019-03-19 06:17:57

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Footer text cut off in mobile layout

the css has it set to 48px for screen sizes up to 640px.

You can override this with custom css. I just copied the existing css and modified it slightly:

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

	.page__pallet__bottom,
	.page__pallet__bottom > .content ul {
		height: auto; min-height: 98px;
	}
}

set the min-height to what you need. If you need it at different heights for different devices (phones, tablets) add another media query and use a different min-height


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2019-03-19 07:20:07

youloveben
Member
From: Portland, OR
Registered: 2018-11-03
Posts: 37
Website

Re: Footer text cut off in mobile layout

90px did the trick, thanks again Rod!

Offline

Board footer

Powered by FluxBB