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 2017-04-01 04:19:38

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

mobile masthead image size & position

I have this site http://pideja.ca/nat/ in development. The desktop first page has a masthead (image) and two navigation links, Fr and En. For now, only the En side works.
On the desktop, looks ok (for now). But on the iPhone, and I presume on the tablet, the masthead-image looks really small when in vertical (portrait) orientation but good in horizontal (landscape).
Any way to control this? I am trying to write some CSS but as of now, no luck.

Offline

#2 2017-04-01 05:15:35

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

Re: mobile masthead image size & position

looks like you've got 120px of left-right padding on the 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 2017-04-01 05:50:10

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

Re: mobile masthead image size & position

I set the left-right padding to 0, looks ok. The main problem is that with that image, in portrait orientation, creates a white background that is very white for a long time! I previously had a bar with the identity at the top of the page, at the right of the menu. How can I get it back?

Offline

#4 2017-04-01 06:23:26

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

Re: mobile masthead image size & position

I previously had a bar with the identity at the top of the page, at the right of the menu. How can I get it back?

Look in the Masthead section of the template. Toward the bottom: Identity on Mobile


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 2017-04-01 21:35:10

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,299

Re: mobile masthead image size & position

I just checked: it's turned on. The very first time I did the cross-over from the CE4 version, I had an identity bar (black) with the menu (three bars) on the left and the identity in with on the bar.

By the way, this morning the mobile image is back to "postage stamp" size. Looking into what happened.

UPDATE: The image display on the Home page on Safari and Firefox is ok, but the one on Chrome is ridiculously small! I have an iPhone SE.

Last edited by pideja (2017-04-01 21:46:10)

Offline

#6 2017-04-01 22:02:03

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

Re: mobile masthead image size & position

Try the usual:
Make sure you're editing the correct page template
Clear template and browser cache


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

Offline

Board footer

Powered by FluxBB