Jump to content

Archived

This topic is now archived and is closed to further replies.

flourishdesignstudio

Control at which size the menu transitions to mobile view?

Recommended Posts

flourishdesignstudio    9
flourishdesignstudio

Can I control the width that the menu goes from displaying horizontally to mobile-view?

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

I'm asking because I prefer the accordion style to display on any device under 1024px. 

Share this post


Link to post
Share on other sites
evan    0
evan

Good question.

 

There currently is not an option to control this but I will add it in an upcoming release.

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

That would be great! I've used your plugin for the mobile navigation of this site: http://mockingbirdpaperie.com/home

 

But, I would prefer that the navigation only shows block level, with no float, like it appears when it is small. Is that possible now by editing the CSS. If so, can you help me figure it out? thanks!

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

I would like it to appear like a list, similar to the way it appears on my iPhone, instead of blocks that are arranged next to eachother vertically, which is how it is displaying on the iPad.

Share this post


Link to post
Share on other sites
evan    0
evan

that looks right to me. How is it displaying now that you don't want?

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

I agree that looks good. But, on the screenshot that you posted the links are side-by-side which do not work well with this menu. So, I want it to always display like the image that I posted. 

 

I realize that this in not usually how someone would want it to work, but this is a rare case. ;)

Share this post


Link to post
Share on other sites
evan    0
evan

Right, can you show me it not displaying the way you want?

 

It sounds like you're hiding your desktop navigation and showing the HeroNav for mobile before it has switched to mobile display.

 

What is the code you're using to hide your main nav?

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio
Evan Mattson
 
Hi Evan! Sorry for the delay in getting back to you! I am attaching a screenshot of how the menu looks with vertical orientation of the iPad. The navigation is showing inline, but I would prefer it to display as blocks (stacked on top of eachother) like it does on the iPhone.
 
Here's the code that I used to hide the ubermenu to show the mobile menu (the menu was placed in a column section):
 
/*hide mobile nav, show ubermenu*/
@media screen and (min-width: 1024px) 
{#plcolumnxmlwl2 {display: none; }
}
/*hide ubermenu, show mobile menu*/
@media screen and (max-width: 1023px) 
{#widgetizer31qgcy, #textboxeat9gi {display: none; }
}

Share this post


Link to post
Share on other sites
evan    0
evan

Right,

 

So if you're switching to Hero Nav at 1024px, it will still be showing the full nav until the screen gets below 767px.

 

The option for this is coming soon.  Stay tuned

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

Evan Mattson Great to hear that the option is coming soon!

 

Can you add the word Title on the mobile menu next to the icon, too (or am I pushing my luck ;)? It would be great. Most of us savvy people know what the icon means, but I worry that some people may not recognize that they can get to the menu by pressing there.

 

Thanks for being so responsive!

Share this post


Link to post
Share on other sites
evan    0
evan

hooray! 

 

Today with the release of 1.2, there is a new option for choosing your own mobile-break point, where you can define your own width where Hero Nav changes styling from desktop to mobile.

 

The option is located at the bottom of the HeroNav options under Site Options (framework) and similarly under Global Options > Hero Nav for DMS.

 

You can use a static pixel value like "1000" or "900px" or even reference another less variable like "@resLargeDesktop".

 

The setting is global for all instances of Hero Nav, (fixed and standard or other clones if using on DMS).

 

Enjoy ;)

Share this post


Link to post
Share on other sites

  • Similar Content

    • vikzee
      By vikzee+
      Hero Nav 1.3
      DMS 2.1.9.3
      Wordpress 4.2.2
      I just downloaded the latest version of Hero Nav from my Pagelines account but when I try to upload it to the plugins page it gives me this error:
      The package could not be installed. No valid plugins were found.
      Plugin install failed.
      So I unzipped the package and find that all it contains is a README file.
      Can you send me the latest version (vikzee (@AT@) yahoo.co.uk) in it's entirety or re-load it to the Pagelines site so people who've paid for it can get the latest version?
      Thanks! 
    • AppLEaDaY
      By AppLEaDaY
      Hello.
       
      I did not personally install what I'm trying to fix. I'm working on a preexisting installation of WordPress and Pagelines.
      But when I arrived the problem was already there: just upon posts displaying in the hero nav main menu I get a "Home" link not working,
      due to a anchor completely missing the href attribute.
       
      I made some tests and I noticed what follows.
      The same problem occurs with every plain link I add that hero menu (not with pages), I mean with links showed as CUSTOM Curiously enough I found in a sublevel a link of that kind, it has somehow back in the past inserted by someone else, no me: it works just like it is supposed to do No problem of that kind in a fixed navigation bar (I tried to enable it) I underscore the mentioned problem occurs only when displaying posts, not with pages.
       
      Any clues? Since I'm afraid it may take a too long time to fix this specific problem, I also ask: could you possibly point to what I am supposed to read in order to do without the hero nav bar and use some other navigation bar in the same place of the template?
       
      Thanks in advance
       
       
      Andrea
    • limelight
      By limelight+
      Hello, I'm having a strange issue with the background of my Hero Nav drop-down being "see through". Can anyone direct me on how to make this solid black instead??  Thank you! 
       
      Site URL: http://multicolores.org/ And there is a drop-down menu when you hover over 'About'.
       
       
    • ScribbleGD
      By ScribbleGD+
      Hi there,
       
      Whenever I make changes to the formatting options in the Hero Nav section of Site Settings such as font base colour it doesn't appear to change the look of my nav bar,
       
      Any reason as to why this is happening? Screenshot attached.
       
      Thanks.
       
      URL - staging.scribblegraphicdesign.com.au
       
      Tim
       
    • webmktco
      By webmktco+
      Evan,
       
      I've had issues with making edits to the Hero Nav settings for a while now.  I've been able to work around the issue, but I thought I'd bring this to your attention.
       
      Do you know why this is happening and how to fix it?
       
      Here's the debug info: http://josephfoxdds.myddsdev.com/?pldebug=1

      WP: 4.0
      DMS: 2.1.1
×