MOBILE: Marketplace menu is hard to find on mobile

[Karen Thomas]

Hello,

Customers are missing the Marketplace menu on mobile as it’s not obvious it’s a menu. Is there a way you can modify the tiny little arrow to be larger and to show customers that clicking it would in fact display the product categories? Ideally this would be replaced with the word and down arrow ‘Categories v’ with the down arrow made bigger or filled in. Or whatever you feel would work best.

See screenshot of how this is currently displayed.

Thank you,

Karen

[Anonymous]

Hi @conscious-crafties, On mobile devices it is already showing ‘Shop By Category’ in Marketplace widget menu (See the attached screenshot).

Regards

[Karen Thomas]

That would be perfect! Any idea why mine doesn’t look like that?

The screenshot I sent you is when I am on my desktop and make my screen smaller so it simulates mobile version of the site. In reality however on mobile devices it doesn’t show the search bar, profile man icon or Shop by Categories text.

Can you help me to fix this please?

http://www.ConsciousCrafties.com

Many thanks,

Karen

[Anonymous]

Hi @conscious-crafties, Try to deactivate plugins one by one to see if this resolves the problem. If this works, re-activate the plugins one by one until you find the problematic plugin(s).

Regards

[Karen Thomas]

Hi @pallavi, I deactivated every plug in (except woo commerce, wp-vendors free/Pro and marketplace but unfortunately the ‘SHOP BY CATEGORY’ didn’t appear on mobile. Tried clearing cache etc.

Can you offer some CSS so I can force it to display?

Many thanks,

Karen

[Anve S.]

Hi @conscious-crafties,

Please apply following css in child theme’s custom css .

@media screen and (max-width:479px){
.subheader #sub-trigger::after {
  content: "Shop by category";
}
}

Regards
Anve

[Karen Thomas]

That worked so well thank you @anve

Could I be a bit cheeky and ask if there’s a way to display the Shop by Category BEFORE the little down arrow like in the demo? Mine is appearing after (see attached).

Many thanks for your help,

Karen

[Anve S.]

Hi @conscious-crafties,

Please replace the code given to you by the below one .

@media screen and (max-width:479px){
.subheader #sub-trigger::before {
  content: "Shop by category";
}
}

Regards
Anve

[Karen Thomas]

Yay super happy thank you! 😀

[Anve S.]

Hi @conscious-crafties,

Great 🙂 , I’ll close this topic , please create a new for other concerns.

Regards
Anve