Remove the category banner from the SHOP page

1 . How to Remove the category banner from the SHOP page (see screenshot – 1)
2. and move breadcrumbs to their place. (see screenshot – 1)
3. How do I reduce the text size in the category carousel? Separately on desktop and mobile. (see screenshot – 2)

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to layouts > Edit Shop Archive layout with page builder and remove the product categories widget and move the breadcrumbs where you want.

Below are the documentation articles: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

For the category text size, Edit the product categories widget and in the style tab change the font size for both mobile and desktop.

See Screenshot for better understanding: https://ibb.co/TMNC9YFQ

Best Regards,

Why are you giving incorrect recommendations??? Neither the carousel widget, typography, nor layout are editable! I’ve attached a screenshot.

Attachments:

You must be logged in to view attached files.

Why are you giving incorrect recommendations??? Neither the carousel widget, typography, nor layout are editable! I’ve attached a screenshot.

Attachments:

You must be logged in to view attached files.

Can you tell me how to remove the side padding in the HTML block I’m pasting onto the SHOP page? I set the block’s width to fill the entire screen, but when I paste it onto the SHOP page, it’s limited to the page container…how can I solve this?

Attachments:

You must be logged in to view attached files.

how to display categories in the center?? if I set the number of categories to 4, then the circles are very large…. if I set 7, then the circles are not in the center….how can I decide this? I need a size like 7 categories but they were in the center…..maybe I can change the size of the circles leaving 4 categories? How can I do this?

Attachments:

You must be logged in to view attached files.

Hello,

01. Sorry to say if you are not using custom layouts, edit the product categories widget where you have added and in the style tab, change the font size for both mobile and desktop.

See Screenshot for better understanding: https://ibb.co/TMNC9YFQ

02. On the shop page HTML Block > Edit this block > Edit Container and in the Xtemos layout, choose the Stretch Container https://ibb.co/s1DYvJ4

03. When you set Slides Per View to 4, the circles appear larger because each slide takes more space.

You currently have 4 categories, but your carousel is set to Slides Per View = 7. Since there aren’t 7 categories, the extra “slide spaces” remain empty, which makes the carousel look off-center.

Best Regards,

03. When you set Slides Per View to 4, the circles appear larger because each slide takes more space.

– Thank you for your professional response.
How can I make the circles (photos) of a category smaller? What if I put 4? They’re now centered BUT the size should be smaller (as I need)?

Hello. How to change the padding of Page title on mobile?

Attachments:

You must be logged in to view attached files.

How can I properly center the logo while keeping the header width the same as the entire site container? When I select Layout 1, the header width is the same as the entire site, but the logo shifts to the left… If I select Layout 2, it stays centered, but the left menu doesn’t align with the edge…

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Admin access. Please review all my questions, plus this one:
– How do I remove these arrows from the menu?

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say your admin login URL redirects to the account page after logging to your site. So, I am unable to log in to your site. Please give me the site access so I can check and give you a possible solution.

Best Regards,

Fixed it, thank you. I look forward to your help with all my questions above.

How to solve the problem of displaying page title on a specific page, I need to disable page title on a subcategory page
1. https://mattytales.com/product-category/collections/bestseller
2. https://mattytales.com/product-category/collections/basic-collection
3. https://mattytales.com/product-category/collections/basic-collection – On all other pages it should be enabled.

Attachments:

You must be logged in to view attached files.

Hello,

01. Regarding the page title padding, try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile.

.wd-page-title {
        --wd-title-sp: 30px; /* Adjust this value as needed */
    }

02. Regarding the category size, I have not seen the categories on the home page in the featured categories.

03. You can add a Spacer element after the main menu to help align the logo toward the right and center it within the header.

04. Regarding the arrows from menu items, please add this code to the Theme Settings > Custom CSS > Global:

ul.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after { 
font-size: 0; 
}

05. Regarding the page title from sub-categories, try to use the theme preset feature of our theme for a specific condition (Term ID) for the specific sub-category and disable the page title from Theme Settings > Product Archive > Shop page title.

Here is our documentation on how to use theme presets: https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards,

[Author]

Posts