Website updated to Backlight 1.21

trummonte · 2017-07-09 01:02:30

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.

Matthew · 2017-07-09 01:36:45

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.

trummonte · 2017-07-09 01:52:35

Thanks Matthew!

Daniel Leu · 2017-07-09 02:27:43

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....

rod barbee · 2017-07-09 02:45:53

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

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

trummonte · 2017-07-09 02:57:10

Thanks much, Daniel and Rod!

tomowensphoto · 2017-07-09 02:57:10

Excellent work

charlie.choc · 2017-07-09 03:41:17

Beautiful site.

trummonte · 2017-07-09 05:18:55

Thanks Tom and Charlie. I appreciate it.

Daniel Leu · 2017-07-10 12:18:18

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.

Matthew · 2017-07-10 16:48:53

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.

charlie.choc · 2017-07-10 21:01:48

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.

Matthew · 2017-07-10 21:09:27

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

charlie.choc · 2017-07-10 21:14:10

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

trummonte · 2017-07-11 00:58:06

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)

Matthew · 2017-07-11 01:02:53

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

trummonte · 2017-07-11 01:05:07

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

Daniel Leu · 2017-07-11 01:17:47

Looking good now!

Community @ The Turning Gate

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

Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

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

Re: Website updated to Backlight 1.21

Board footer