Questions on mobile phone version and product page

hi,
here are some questions on mobile phone version which need your help, thank you!

Q1, how do i change the font style of this “categories”, if need css please help…because i cant do coding… thank you!(as attached picture, first column)

Q2, how do i show the upper part and under part on mobile phone? (as attached picture, second column)

Q3, how to show “NEW” and “hot”on product?(as attached picture, third column)

thank you for your support !

Attachments:

You must be logged in to view attached files.

Hello

1) Kindly share your page URL so I can provide you CSS code to change the font style of “categories” shown inside your shop header.

2) To display the top bar in mobile you need to make sure that the “Hide on mobile” option inside the top bar row settings is unchecked and “social buttons” element is using inside the mobile top bar row.

Screenshot for clarification: https://jmp.sh/hIvJuqP

To display the navbar which you pointed out in your provided screenshot. You need to enable the “Sticky navbar” from Theme Settings >> General >> MOBILE BOTTOM NAVBAR >> Enable Sticky navbar.

Screenshot for clarification: https://jmp.sh/ZP0hZOq

3) To display “NEW” and “HOT” label on products You need to enable the labels in the Theme Settings > Shop > Labels and then edit product and enable there as well by checking the “Add “New” label” option.

Screenshot for clarification: https://jmp.sh/EoACitX

To display the hot label you need to make product as featured product from Products >> All Products option in the dashboard.

Screenshot for clarification: https://jmp.sh/i9kNH1W
Result: https://jmp.sh/DGGfPdv

Best Regards.

hello,
the URL is under the private content, thank you ! the “categories” only show in mobile version. and i only want to change the “categories” font style, thank you.

Attachments:

You must be logged in to view attached files.

Hello,

To change the font family of “Categories” word which shown in shop header inside mobile screens, You can use the below CSS code in Custom CSS for mobile area under theme settings >> custom CSS:

.nav-shop .woodmart-show-categories a {
font-family: Pontano Sans, Arial, Helvetica, sans-serif;
}

I used “Pontano Sans” font family just to set an example for you. So you can use any other font family.

Best Regards.

[Author]

Posts