Action button not showing on mobile

mpitka · June 2017

Hi!

How can I make action button to be shown in mobile version?

Not it works only with pc/tablet

www.vaapero.fi

Thanks!

Bryan · June 2017

Hey,
you can do it in theme options>responsive>header
there is an option for top bar icons, this includes the action button as well.
thanks

mpitka · June 2017

Not working. Maybe because I have disabled menu otherwise (I have just one-page). Please check my site to see better: www.vaapero.fi

Thanks!

Bryan · June 2017

Have you checked this option? http://prntscr.com/fkso3h

Set it to left for example.

mpitka · June 2017

Hi!

I set it to left but still not showing up?

Bryan · June 2017

but now I can see that you have no action bar active.

mpitka · June 2017

I mean action button, not action bar... That red button that has text: "Verkkokauppa"

Bryan · June 2017

Sorry, please try this custom css

@media only screen and (max-width: 767px){
.mobile-header-mini #Top_bar a.button.action_button {
    display: block !important;
}}

mpitka · June 2017

Works perfectly! Thank you very much

mpitka · June 2017

One more question:

The action button has very big gap from left side (I guess it's the same space a menu-icon takes)...

How can I align it to left? Now there's some issues with smaller phones.

Bryan · June 2017

Sorry but what gap? please send a screenshot.

mpitka · June 2017

Here!

Bryan · June 2017

Try this css

@media(max-width:767px) {
	#Top_bar .top_bar_right .top_bar_right_wrapper {
		margin-right:-40px !important;
	}
}

Comments