Action bar responsive view

fmorakci · July 2017

Hi Guys,

So I've been busy with the website https://anadyla.com/ for a while now.

I need the action bar to be shown on other resolutions like tablets and phones as well., Right now it's just visible on the desktop version.

Any idea on how to achieve this?

Also, the language switcher in the secundary menu is not visible on portable devices, can we fix this????

foomonkey · July 2017

I would be grateful for help here as well. We need the action bar or at least the phone number (in the action bar) to show on all devices on our site https://enviterealty.com

Bryan · July 2017

Hi,

you can change these options in theme options>responsive>header. All is there.

thanks

fmorakci · July 2017

Yeah no that doesn't solve the problem. Already tried everything with the settings. The social Icons stay, but the action bar/slogan doesn't and I really need that. Can you please help me on how to do this?

Bryan · July 2017

Try this custom css

@media only screen and (max-width: 767px) {
#Action_bar .contact_details li.slogan {
    display: block !important;
}
}

fmorakci · July 2017

Unfortunately this also doesn't work..

Bryan · July 2017

Now you do not have these items on your page...

You did not see the changes probably because of the browser cache.

fmorakci · July 2017

I tried in incognito mode, and different browsers/devices. I'll put the custom CSS back up, please see for yourself.

Bryan · July 2017

Please remove the comment about the css you pasted. It is causing the issue.

fmorakci · July 2017

Thanks! Works like a charm, now the only thing left is the language switcher I've placed in the secondary menu. How do I get this to show on mobile?

Bryan · July 2017

The secpndary menu does not show on mobile by defaul, this is some custom css, any more changes are out of range.

@media (max-width:767px) {
.header-stack #Top_bar .secondary_menu_wrapper {
	display: block !important;
	top:unset !important;
	bottom:0px;
	left:50% !important;
	transform: translate(-50%,0);
	width:155px;
} }

Action bar responsive view

Comments