Home › Forums › WoodMart support forum › Shop Page – Categories Styling

Shop Page – Categories Styling

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 8, 2025 at 7:34 am #684939

    reneersloan
    Participant

    Hi WoodMart Team,

    I would like to ask for your help with customizing the Shop page categories (the category names displayed below the Page Title):

    1. How can I make these category names display with capitalized first letters on all devices?

    2. How can I center-align the dropdown menu for these categories on mobile and tablet view?

    Please let me know if this can be done directly in the theme settings or if I need to add custom CSS.

    Thank you for your assistance!

    Best regards,

    September 8, 2025 at 2:51 pm #685088

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    02. Please add this code to the Theme Settings > Custom CSS.

    .wd-nav-accordion-mb-on .wd-nav-product-cat li a {
    justify-content: center !important;
    text-align: center !important;
    display: flex !important;
  }

    Best Regards,

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)