[the brink]

Hi,

When in tablet view, the social menu disappears and can only be found again by clicking on the search button, which I find quite counter intuitive.

I like the way it is layed out in the mobile phone view (the icons in a row at the bottom of the menu.

I was wondering if in tablet view the social icons could remain visible until there is no more space for both menus to be shown at which point they would reappear under the one menu button as in mobile phone view. (the search button itself could be visible until phone view or be moved at the same time as the social icons I don’t mind either way)

Hope that’s clear.

The Brink

[Skandha]

@the-brink: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 64em) {
	.navigation-classic .social-top {
		display: block;
		float: left;
	}	
	#social-search-wrapper .menu-inside-wrapper .menu-social-container {
	    display: none;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[the brink]

Hi,

That’s definitely an improvement. The social menu now stays visible until both disappear.

The only thing is, once they both disappear the social menu does not reappear under the main menu but under the search button. Until we go to phone view that is when they all are available under the one menu symbol.

Maybe I’m just being pernickety now but I would like the social menu to be always visible under the main menu button when it is not immediately visible.

Is there a way to do that?

Cheers

TB

[Skandha]

@the-brink: Hello there,
Try replacing the above code with the following CSS Code.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 64em) {
	.navigation-classic .social-top {
		display: block;
		float: left;
	}
}

#social-search-wrapper .menu-inside-wrapper .menu-social-container {
    display: none;
}

@media screen and (max-width: 64em) {
	.navigation-classic .mobile-social-search {
	 	display: block !important;
	}
} 

@media screen and (min-width: 767px) {
	.mobile-social-search .search-container {
		display: none;
	}	
}

Let me know if this works out!
Kind Regards,
Skandha

[the brink]

Hi Skandha,

That didn’t work either. Social menu still isn’t visible under main menu button on tablet view.

Thanks

TB

[Skandha]

@the-brink: Hello TB,
I checked your site and the Social Menu is visible under the menu button on tablet view. Can you please check once again?

Kind Regards,
Skandha

[the brink]

Oops, it seems to be working fine for me now. not sure what went on there, sorry about that.

I was wondering if you could take a look at this thread as you were able to help me with a very similar issue with the title?

thanks a lot

TB

[Skandha]

@the-brink: Hello TB,
Our support team has replied on that thread as well.

Kind Regards,
Skandha

[Author]

Posts