Pallet becomes part of Navigation Menu in Mobile, Why?

Backlight 4, 5 & 6 Support
#1

I set up a page that has two columns: main copy and pallet 01. When I view the page on a mobile device, pallet 01 becomes part of the collapsed navigation menu. This to me is very odd behavior. Logically, why would part of the page become part of the collapsed navigation menu? It is very likely that who ever is viewing the page on a mobile device will miss an important part of the page because it is hidden at the bottom of the collapsed navigation menu.

Have I missed a setting? Logically the pallet, when viewed on a mobile device, should be placed below the main copy. It seems like the value of a 2 column or 3 column page is greatly diminished because the only part of the page content that would be visible on a mobile device is the main copy.

#2

You’ve not missed a setting, that behavior is as designed.

If you wish, you can move the pallet contents above the mobile navigation by using jQuery and some custom css.

#3

You’ve got that backward. The menu is relocated to the pallet on mobile.

The pallets, of course, collapse on mobile.

If you’re prefer that your pallet content fall below the main content, then you can design a single-column layout and use our grid system to layout your content within it. With the grid system, your content might look like this on desktop:

1 2

And then to vertical on mobile:

1
2

#4

We seem to have misplaced our article on using the grid system, but I think @rod_barbee has got one.

If not, I’ll try to write it up sometime soon.

#5

here you go

#6

Matthew and Rod,

Thanks for helping to explain and for your suggestions. The only time I seem to modify my site layout is when I upgrade to the newest version of Backlight. In the meantime, in this case probably at least a year ago, I tend to forget what I learned about Backlight. When I use a program every day or so, Photoshop-Lightroom-InDesign, I learn the program and do not forget. In the case of Backlight, I learn about the program when I am customizing my website layout over a few days time, then over the course of many months not interacting with Backlight, I tend to forget some of the things I learned. This is the case with my posting this question. Now I realize in several of my pages, I had already incorporated the responsive grid framework. I remember why I did this, to avoid the disappearing pallet on a mobile device.

I know you guys are busy helping other Backlight users, so I apologize for wasting your time with this particular question. Perhaps someone will read the post and learn from it.

You guys are the greatest!

#7

We’re here to help. But also, I hope you might find new reasons to interact with Backlight on a more regular basis. There may not be many reasons to dip into the designer after your initial site design, but …

  • We keep adding new features, and hope you’ll check them out when they appear.
  • The client response add-on provides a means of utilizing your site in day-to-day interactions with your clients.
  • The cart add-on can help you to monetize your images.
  • The publisher is a great way to add images to your site without having to use Lightroom’s publish services, and we have some great improvements coming soon.
  • The WP Theme add-on lets you keep a cohesive presentation between your Backlight galleries and a Wordpress blog; blogs are a great way to publish photo essays, or long form explorations of an image, process or project, and can help to grow an audience and promote social engagement.

Not trying to sell you more stuff, but just wanting to emphasize that we see Backlight not as a “set and forget” website solution, but as a tool to help you leverage your website in meaningful ways within your business, to promote your photographic hobby, or share your photographic journey.

That said, I know not everyone likes to spend as much time in a web-browser as I do. =P