BL2 Menu Not Showing on iPhone

mindstorm · 2018-11-16 07:42:33

My website now looks pretty solid on a computer, so I am turning my attention the mobile device display.

I have the horizontal navigation working on the computer, but it does not show up on my iPhone. I have the Masthead in the Header, and that is then set to 'always' show. I also have the horizontal navigation set to show in the header.

On my computer, I see the masthead and menu as expected.

On my iPhone I see the masthead, but no menu.

What have I done wrong this time? --- www.mindstormphoto.com

rod barbee · 2018-11-16 07:55:20

go to your page template:
Navigation > Vertical Navigation.
Assign the Location to Pallet 1

the navigation will then be accessed by the mobile menu button in the upper right of the page for mobile devices.

mindstorm · 2018-11-16 08:05:37

@Rod - Thanks! That does show now. I had not used that, thinking it would show up in the right-column pallet I use on the computer for 'recent posts' and the like.

The BL designer does say that the menu will be 'flat' on mobile devices. I believe (after seeing it now) that means that all submenus are visible at all times.

Is there any way to change that, so that only top level menus are visible until one is chosen? As is now ("flat"), the user has to scroll through an awful lot of 'travel' items before reaching the next main topic ("art", then "studio", etc)

rod barbee · 2018-11-16 08:18:09

mindstorm wrote:

Is there any way to change that, so that only top level menus are visible until one is chosen? As is now ("flat"), the user has to scroll through an awful lot of 'travel' items before reaching the next main topic ("art", then "studio", etc)

no. the flyout only applies to desktop (or displays wider than the mobile breakpoint set in Layout. The smallest breakpoint being 640px)

You may be able to change that with custom css but on a phone, the flyout menu might just run out of room to fly out

mindstorm · 2018-11-16 08:21:47

rod barbee wrote:

no. the flyout only applies to desktop (or displays wider than the mobile breakpoint set in Layout. The smallest breakpoint being 640px)

Bummer. I may have to rethink the menu then. Perhaps have a second menu design oriented around the mobile devices, and use that navigation menu on smaller screens.

Do you think that would work, or is there some other roadblock I would run into that I haven't thought of yet?

rod barbee · 2018-11-16 08:32:01

There's really only one choice for mobile menus. There are options in the designer, such as adding divider lines.

The only other option I can see is replacing the menu with one of your own design (html and css) via phplugins using the ttg_navigation hook. But that would require quite a bit of coding I imagine.

Daniel Leu · 2018-11-16 09:28:34

I would design a dedicated menu-set for mobile that uses a simpler structure. First I would design this alternative menu in Backlight (create a new menu-set for that!), then copy the generated source code that is enclosed by the nav divs:

<div id="page__pallet__T1" class="page__column page__pallet" data-position="T1">
	<div class="content clearfix">

<nav class="nav nav_v">
   ... menu code
</nav>

	</div>
</div>

Then use this code in your phplugins file:

function pallet01_top () {
  echo '
<nav class="nav nav_v">
   ... menu code
</nav>
  ';

   return true;
}

And then obviously you need to revert your site back to the original menu and disable the mobile menu. Now the mobile menu will be provided by phplugins. I think that this is the easiest way to have a different custom menu for mobile.

BTW, if you go to /gallery, you will notice that some of the gallery-sets don't have thumbnails.

mindstorm · 2018-11-16 09:52:55

Daniel Leu wrote:

I would design a dedicated menu-set for mobile that uses a simpler structure. First I would design this alternative menu in Backlight (create a new menu-set for that!), then copy the generated source code that is enclosed by the nav divs:

Thanks -- I'll see if I can give that a try. I actually knew CSS about 15 years ago, but haven't done any coding in it since then, and now after 5 years of full retirement, have trouble making sense of what used to be second-nature...

Daniel Leu wrote:

BTW, if you go to /gallery, you will notice that some of the gallery-sets don't have thumbnails.

That was true yesterday, but I added the thumbnails to all the galleries last night. Could you please clear your cache and check again? If you find any that do not have a thumbnail, I would really appreciate a specific pointer. I just went through them all here on Firefox (which I clear cache on frequently, and use only for tests like this), and every gallery set I saw had a thumbnail.

Daniel Leu · 2018-11-16 11:08:04

mindstorm wrote:

Daniel Leu wrote:
BTW, if you go to /gallery, you will notice that some of the gallery-sets don't have thumbnails.
That was true yesterday, but I added the thumbnails to all the galleries last night. Could you please clear your cache and check again? If you find any that do not have a thumbnail, I would really appreciate a specific pointer. I just went through them all here on Firefox (which I clear cache on frequently, and use only for tests like this), and every gallery set I saw had a thumbnail.

That's not a cache issue... There is no thumbnail:

<figure itemscope itemtype="http://schema.org/ImageObject">
	<div class="content">

	<a href="https://www.mindstormphoto.com/gallery/gallery-travel/">

		
		<figcaption itemprop="caption description">
			<p class="album-title">04-Travel</p>
			 
		</figcaption>

	</a>

	</div>
</figure>

https://www.mindstormphoto.com/gallery/

mindstorm · 2018-11-16 11:20:52

Daniel Leu wrote:

That's not a cache issue... There is no thumbnail:
https://www.mindstormphoto.com/gallery/

Aha! You manually went where no man should go!

That is, I have no menu that goes to that url (do I???). I checked the thumbnails for each menu landing target, but had not looked at the level above them.

mindstorm · 2018-11-16 11:22:45

@Daniel --

I am using the TTG Publisher module from Lightroom. Just checking now, and I don't see any way to define the thumbnails at that top level. I can do it for each of the album sets I created, but not for the top level 'gallery'.

Or is there something I am missing in the Publisher too?

rod barbee · 2018-11-16 11:33:21

You’re choosing a cover image for each album set.

mindstorm · 2018-11-16 11:56:43

rod barbee wrote:

You’re choosing a cover image for each album set.

Thanks. I see now that you can get there by clicking on the cookie trail (I forget the proper name of that text hierarchy).

I have now put icons for each of those. I don't see how to get rid of the "main copy block" text though. I eliminated it on the others by setting the TTG Publisher edit album set to "replace text" (rather than "above text"). I don't see where to access that for this top-level ("gallery") display.

rod barbee · 2018-11-16 12:15:22

Try editing the album set template being used for the top-level gallery
You can also add text specific to the top level gallery. In Backlight go to Publisher. Click on the name of the top level gallery and edit properties

mindstorm · 2018-11-16 13:16:56

rod barbee wrote:

You can also add text specific to the top level gallery. In Backlight go to Publisher. Click on the name of the top level gallery and edit properties

That did it -- thanks again!

Community @ The Turning Gate

#1 2018-11-16 07:42:33

BL2 Menu Not Showing on iPhone

#2 2018-11-16 07:55:20

Re: BL2 Menu Not Showing on iPhone

#3 2018-11-16 08:05:37

Re: BL2 Menu Not Showing on iPhone

#4 2018-11-16 08:18:09

Re: BL2 Menu Not Showing on iPhone

#5 2018-11-16 08:21:47

Re: BL2 Menu Not Showing on iPhone

#6 2018-11-16 08:32:01

Re: BL2 Menu Not Showing on iPhone

#7 2018-11-16 09:28:34

Re: BL2 Menu Not Showing on iPhone

#8 2018-11-16 09:52:55

Re: BL2 Menu Not Showing on iPhone

#9 2018-11-16 11:08:04

Re: BL2 Menu Not Showing on iPhone

#10 2018-11-16 11:20:52

Re: BL2 Menu Not Showing on iPhone

#11 2018-11-16 11:22:45

Re: BL2 Menu Not Showing on iPhone

#12 2018-11-16 11:33:21

Re: BL2 Menu Not Showing on iPhone

#13 2018-11-16 11:56:43

Re: BL2 Menu Not Showing on iPhone

#14 2018-11-16 12:15:22

Re: BL2 Menu Not Showing on iPhone

#15 2018-11-16 13:16:56

Re: BL2 Menu Not Showing on iPhone

Board footer