Desktop sublinks/dropdown menu style on mobile

albzaalbza ItalyPosts: 10Registered Users Big grins
Hi!
First of all, I'm sorry if my first post here is a request. I wish I could be usefull to somebody but I'm still unqualified in these subjects.

'I'll try to explain what I need.
Recently some of my clients complained about the difficulty they had when searching for a specific gallery in my smugmug site, so I tried to find a way to go through folders and galleries faster and better.

My site https://albertozanardo.smugmug.com/

I thinks the sublink (aka dropdown menu) is a good choice, cause it helps to see all the folders in a single page without having to scroll. My problem is that mobile view is very different, and confusing, so I wanted to know if it is possibile to create the same desktop dropdown style even in mobile view, maybe via som html or css tweak.

Here you can see the desktop view, which I like, and what that's like in the mobile view, which I don't like (how does?):
https://imgur.com/a/RjWqA

Comments

  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 3,512Registered Users Major grins

    I'm not seeing any drop-downs on your site.

  • albzaalbza ItalyPosts: 10Registered Users Big grins
    Cause I'll publish it only if it's good
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 3,512Registered Users Major grins
    edited September 13, 2017

    @albza said:
    Cause I'll publish it only if it's good

    Based on your screen shot, how my site works and any other SmugMug sites, that is the way mobile menus work. On mobile you have to click (press) on the '+' and it will open the sub-menu.

  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,240Registered Users Major grins
    edited September 13, 2017

    I have a nice vertically spaced expandable drop menu on mobile. When I add a sub-link the vertical spacing of whole menu goes huge.
    Any ideas how to stop this?

    Al - Just a volunteer here having fun
    My Website | My Blog
  • albzaalbza ItalyPosts: 10Registered Users Big grins
    > @"Hikin' Mike" said:
    > @albza said:
    > Cause I'll publish it only if it's good
    >
    >
    >
    >
    >
    > Based on your screen shot, how my site works and any other SmugMug sites, that is the way mobile menus work. On mobile you have to click (press) on the '+' and it will open the sub-menu.

    You are right. So there's no way to make mobile work as desktop? Even with some css tweak?
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 3,512Registered Users Major grins

    @albza said:
    You are right. So there's no way to make mobile work as desktop? Even with some css tweak?

    If you DON'T enable the mobile menu, doesn't that act like a desktop?

  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 3,512Registered Users Major grins

    @Allen said:
    I have a nice vertically spaced expandable drop menu on mobile. When I add a sub-link the vertical spacing of whole menu goes huge.
    Any ideas how to stop this?

    Have you tried something like this?

    .sm-user-ui .sm-accordion > .sm-accordion-item .sm-accordion-item-label {
        line-height: 25px;
        }
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-mobile .sm-accordion > .sm-accordion-item > .sm-accordion-item-action .sm-fonticon {
        line-height: 16px;
        }   
    
  • albzaalbza ItalyPosts: 10Registered Users Big grins
    > @"Hikin' Mike" said:
    > @albza said:
    > You are right. So there's no way to make mobile work as desktop? Even with some css tweak?
    >
    >
    >
    >
    >
    > If you DON'T enable the mobile menu, doesn't that act like a desktop?

    How can I do that?
  • denisegoldbergdenisegoldberg Major grins North Andover, MAPosts: 11,227Super Moderators moderator
    edited September 14, 2017

    @albza said:
    > @Hikin' Mike said:
    > If you DON'T enable the mobile menu, doesn't that act like a desktop?

    How can I do that?

    The mobile menu is enabled on your menu content element.

    Click customize... entire site...
    Hover over the menu content element and click the wrench.
    On the Basic tab, scroll down to the bottom to find the Collapse for Mobile setting.

  • albzaalbza ItalyPosts: 10Registered Users Big grins
    edited September 14, 2017
    > @denisegoldberg said:
    > @albza said:
    > > @Hikin' Mike said:
    > > If you DON'T enable the mobile menu, doesn't that act like a desktop?
    >
    > How can I do that?
    >
    >
    >
    >
    >
    > The mobile menu is enabled on your menu content element.
    >
    > Click customize... entire site...
    > Hover over the menu content element and click the wrench.
    > On the Basic tab, scroll down to the bottom to find the Collapse for Mobile setting.

    Nope. That collapses "to a single menu link in mobile devices". I still want my menu to be, at first, like it is right now.

    https://albertozanardo.smugmug.com/
  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaPosts: 3,512Registered Users Major grins

    @albza said:
    Nope. That collapses "to a single menu link in mobile devices". I still want my menu to be, at first, like it is right now.



    https://albertozanardo.smugmug.com/

    But if you turn it OFF it will act like a desktop in mobile.

  • albzaalbza ItalyPosts: 10Registered Users Big grins

    @Hikin' Mike said:

    @albza said:
    Nope. That collapses "to a single menu link in mobile devices". I still want my menu to be, at first, like it is right now.



    https://albertozanardo.smugmug.com/

    But if you turn it OFF it will act like a desktop in mobile.

    It's already turned off, plus there's a css to keep the three words (portfolio, lavori, contattami) in the same orizontal line (I added this to make it look just like desktop).

Sign In or Register to comment.