Desktop sublinks/dropdown menu style on mobile

albza

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

Hikin' Mike

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

albza

Cause I'll publish it only if it's good

Hikin' Mike

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

Allen

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?

albza

> @"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' Mike

@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' Mike

@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;
    }   

albza

> @"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?

denisegoldberg

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

albza

> @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' Mike

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

albza

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