Having trouble customizing demo content, menus, and product display.

Hi, I’m having several customization issues and I can’t remove some elements that were imported with the demo. I’ll try to list everything:

I can’t remove the menu in the header of the Shop page (image 1).

In the mobile menu, I can’t remove the “Category” item and the “My Account” button. On my site, user registration is not available — the shop is purely informational, it’s not possible to make purchases, only request information (image 2).

On the Shop page, in the product list, I would like to remove the option to add products to the cart. I want users to simply click on a product to open the single product page (image 3).

On the single product page, I can’t set a background image for the header like the one used on the Shop or Reviews pages (image 4).

One last thing: I can’t change the menu color while scrolling the page. I’d like it to turn dark green.

Attachments:

You must be logged in to view attached files.

Solution for removing the ‘category’ and ‘my account’ options from the mobile menu in WoodMart:

Hi everyone,

I found a solution for those who, like me, had difficulty with these customizations. Here are the steps I followed:

Go to WoodMart.
Select Header builder.
Choose preferred edit.
Go to the mobile section.
In settings, you will find the option to remove the section from the menu.
I hope this guide can be helpful to anyone trying to do the same!

Attachments:

You must be logged in to view attached files.

Hello,

01. Navigate to Theme Settings > Product archive > Page title and disable Categories in page title option https://prnt.sc/OYWustDv8G4Y

02. The below code will help you to hide the “Add to cart” button on the archive page. Enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-grid-item .wd-add-btn {
    display: none;
}

03. Navigate to Layouts > Layout to edit a single product layout and add the Page Title widget.

04. For the menu color while scrolling, please add the below Custom CSS code to Theme Settings > Custom CSS > Global CSS section. Change the color code as per your requirements.

.whb-sticked  :is(.color-scheme-light,.whb-color-light) .wd-nav[class*="wd-style-"] {
    --nav-color: #1dff00;
    --nav-color-hover: #009688;
    --nav-color-active: #1dfe03;
    --nav-chevron-color: #001c55;
}

Best Regards,

[Author]

Posts