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-10-26 15:33:28

aare
Member
Registered: 2019-10-15
Posts: 7

Responsive header

Hi,

I'm trying to get my head around making a header responsive. I've got a background image in the masthead which is fine. But when I try to use a graphic logo the logo doesn't shrink and covers the entire background. Same for a text logo. I can't work out how to set it up so the logo is different on mobile devices. Any ideas gratefully appreciated.

Cheers,
Mark

Offline

#2 2019-10-26 21:37:47

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

Re: Responsive header

Gave you tried using the Secondary Masthead?


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-10-27 05:27:20

aare
Member
Registered: 2019-10-15
Posts: 7

Re: Responsive header

Thanks Rod I'll give that a go.

I didn't even see the option of a secondary masthead and didn't know to look for it - is there any documentation about the various options and the affect they have when designing a template? The only thing I've found is at http://backlight.theturninggate.net/doc … mplates-b2 which doesn't go deep enough

Offline

#4 2019-10-27 07:37:03

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

Re: Responsive header

After enabling the secondary masthead, you can set its visibility to mobile and the primary masthead visibility to desktop.
The settings for primary and secondary contain the same options, just set as needed.

There is no additional documentation describing each setting, but they’re pretty self-explanatory.


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

Offline

#5 2019-10-27 08:34:45

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Responsive header


Matt

The Turning Gate, http://theturninggate.net

Offline

#6 2019-10-27 19:58:24

aare
Member
Registered: 2019-10-15
Posts: 7

Re: Responsive header

Thanks Matthew that blog post is awesome. You should add it as a sticky to this forum.

Cheers,
Mark

Offline

Board footer

Powered by FluxBB