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 2018-09-22 20:02:21

Ken
Member
Registered: 2013-03-16
Posts: 314
Website

Mobile Page display problem

I created a 2 column page template, right positioned 240 px wide pallet. When viewed on a mobile phone display, the text in the right positioned pallet is not visible. I set the breakpoint to 1440 px, thinking this might solve the problem, but it didn't. The mobile display is 720 X 1280. The problem exists when viewing this page on a desktop display in Chrome when using the developer tools to mimic different mobile display sizes. The odd thing is the right pallet text shows up at the bottom of the mobile style menu. This is visible on both my mobile phone display and in the desktop chrome developer tools mobile display.

When viewed on a mobile display, shouldn't the second text pallet wrap below the main text area? It is very odd having it show up in the mobile display menu.

Here is the link to my website page exhibiting this behavior
http://www.sweetlightgallery.com/photographer/

Last edited by Ken (2018-09-22 20:03:19)

Offline

#2 2018-09-22 22:20:54

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

Re: Mobile Page display problem

Text in pallets stays in pallets. On mobile devices you need to tap the menu button to view the pallets and the text within. What you’re seeing is normal behavior.
If a nav menu is in the same pallet as any text, the text will fall below the menu.


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 2018-09-22 22:25:06

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

Re: Mobile Page display problem

If you’d rather have a “sidebar” that falls below the main text on mobile devices, use the TTG Responsive Grid
http://ttg-tips-and-tricks.barbeephoto. … backlight/


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

Offline

#4 2018-09-22 22:55:50

Ken
Member
Registered: 2013-03-16
Posts: 314
Website

Re: Mobile Page display problem

I had used the responsive grid on two of my pages to create columns. I was thinking, why not use the multi-column layout to accomplish the same thing.

So the nav menu is attached to the first pallet, even in a single column layout?

Offline

#5 2018-09-22 23:13:39

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

Re: Mobile Page display problem

yes. the mobile menu (vertical navigation) is attached to the pallet you assign it to


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