Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-07-09 01:02:30

trummonte
Member
From: Buena Vista, Colorado
Registered: 2012-11-11
Posts: 164
Website

Website updated to Backlight 1.21

I have updated my website to use the latest Pangolin templates and am really impressed. Matthew and Ben have done an outstanding job on this release!

It was just recently that I updated my site to Backlight from CE4 and I spent a lot of time developing my on version of the top pallet. This release made it a breeze to setup and the end result is a lot cleaner. I love the Justified gallery style since the majority of my images are mainly landscape orientation.

Take a look and let me know what you think: https://www.montetrumbull.com/.

Thanks again to Matthew, Ben, and Rod.

Offline

#2 2017-07-09 01:36:45

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,959
Website

Re: Website updated to Backlight 1.21

Always knocking it out of the park, Monte. I loved the previous version of your site, and I love this one too.

And thank you for your kind words about the update.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#3 2017-07-09 01:52:35

trummonte
Member
From: Buena Vista, Colorado
Registered: 2012-11-11
Posts: 164
Website

Re: Website updated to Backlight 1.21

Thanks Matthew!

Offline

#4 2017-07-09 02:27:43

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 702
Website

Re: Website updated to Backlight 1.21

Looking nice, Monte! Always good source for inspiration. Now I will spend the weekend wondering if I should move the logo into the top-bar.... wink


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#5 2017-07-09 02:45:53

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

Re: Website updated to Backlight 1.21

Just your standard ho-hum site with your standard ho-hum images smile

Seriously, you never fail to impress. A well designed site with outstanding images.


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

Offline

#6 2017-07-09 02:57:10

trummonte
Member
From: Buena Vista, Colorado
Registered: 2012-11-11
Posts: 164
Website

Re: Website updated to Backlight 1.21

Thanks much, Daniel and Rod!

Offline

#7 2017-07-09 02:57:10

tomowensphoto
Member
From: Suffolk
Registered: 2012-11-21
Posts: 226
Website

Re: Website updated to Backlight 1.21

Excellent work


Regards,
TomO
Just a simple photographer
Live site at http://tomowens.openpoint.co.uk/

Offline

#8 2017-07-09 03:41:17

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 253
Website

Re: Website updated to Backlight 1.21

Beautiful site.

Offline

#9 2017-07-09 05:18:55

trummonte
Member
From: Buena Vista, Colorado
Registered: 2012-11-11
Posts: 164
Website

Re: Website updated to Backlight 1.21

Thanks Tom and Charlie. I appreciate it.

Offline

#10 2017-07-10 12:18:18

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 702
Website

Re: Website updated to Backlight 1.21

Hey Monte,

Just discovered this: On my iPhone, the search icon doesn't fit into the top bar and appears below the mail icon. When I add something to the cart, the mail icon moves down as well.


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#11 2017-07-10 16:48:53

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,959
Website

Re: Website updated to Backlight 1.21

Daniel Leu wrote:

Hey Monte,

Just discovered this: On my iPhone, the search icon doesn't fit into the top bar and appears below the mail icon. When I add something to the cart, the mail icon moves down as well.

One potential way to fix this, on mobile take the logo image out of of the top pallet.

Add a masthead (primary or secondary) to the header, and make it visible only on mobile. This will free up that space in the top pallet to be used by other things (i.e. cart widget, etc.) on narrower displays.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#12 2017-07-10 21:01:48

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 253
Website

Re: Website updated to Backlight 1.21

Mine does the same. Is there any way to tell if the icons wrap in the top pallet and make it taller? phplugins or css?

Thanks.

Offline

#13 2017-07-10 21:09:27

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,959
Website

Re: Website updated to Backlight 1.21

We're not making the top-pallet taller. It's fixed at 48px. If it doubles to accommodate icons wrapping, then it just eats into screen real estate which is already at a premium on mobile devices. That's less screen for reading or viewing images.

The built-in solution is as I've described above. If you're filling that bar with stuff, then you need to shuffle some of it out on mobile. We do this automatically for the navigation, putting it into the sidebar.

The solution for the masthead is to put it into the page header on mobile. And the solution for social media icons to to put them into the toolbox (this being a full-time solution).

In your case, Charlie, you might create two logo images. This because your full title is quite wide, "Stalking Light Photography". So perhaps display a different image on mobile, maybe dropping the graphic icon and reading "Stalking Light". Using a smaller font site. Or make it two lines:

Stalking Light
Photography


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#14 2017-07-10 21:14:10

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 253
Website

Re: Website updated to Backlight 1.21

OK, I understand. I'll play with those ideas. Thanks.

Offline

#15 2017-07-11 00:58:06

trummonte
Member
From: Buena Vista, Colorado
Registered: 2012-11-11
Posts: 164
Website

Re: Website updated to Backlight 1.21

Hi guys. Thanks Daniel for reminding me I meant to get back to that! I played with it this morning and got things to fit nicely down to about 360px. What would be nice is to be able to target the social media buttons in the tray and turn them off on smaller displays. That is what I did on my previous version. I can't see a way to do that because the li itself does not have a separate class that I am seeing. Would that be something that could be changed in the future Matt?

Last edited by trummonte (2017-07-11 01:08:14)

Offline

#16 2017-07-11 01:02:53

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,959
Website

Re: Website updated to Backlight 1.21

The social media buttons, if loose, can be targeted using .social_media. If toolboxed, you can target the entire box with #social_media.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#17 2017-07-11 01:05:07

trummonte
Member
From: Buena Vista, Colorado
Registered: 2012-11-11
Posts: 164
Website

Re: Website updated to Backlight 1.21

Thanks Matthew. I will play with that. Appreciate the quick response!

Offline

#18 2017-07-11 01:17:47

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 702
Website

Re: Website updated to Backlight 1.21

Looking good now!


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

Board footer

Powered by FluxBB