Page Design Help

Hello,

1. Change the color scheme for the mobile header row – https://take.ms/Ndnbx

2. Send me a screenshot for a better understanding, please.

Kind Regards

Hi, Luke
We have updated the Woodmart theme again. and found that, there is problem on the Mobile Menu again.

Attachments:

You must be logged in to view attached files.

Hi, Luke
We have make the HTML Blocks for footer menu (on computer and on mobile).

Attachments:

You must be logged in to view attached files.

Hello,

1. First, remove your custom code – https://take.ms/nVnKE

Then navigate to WoodMart -> Header builder -> Settings -> disable the “Header dropdowns dark” option – https://take.ms/0xPso then recheck the menu.

2. You need to use the toggle element – https://take.ms/uPJzg then you will be able to make it collapsible.

If you have any questions, let me know.

Kind Regards

Hello, Luke
Thanks for your kind support !

Attachments:

You must be logged in to view attached files.

Hello,

1. Set the smaller padding for mobile devices – https://take.ms/j5gt2

2. In the Style tab -> Typography -> https://take.ms/WEXly

Kind Regards

Hello, Luke
How can we change the Typography and Color for the Menu Words on the Computer ?

Attachments:

You must be logged in to view attached files.

Hello,

Instead of such a mega menu, create an HTML Block, with the Extra menu list element, and then assign it as an HTML Block here – https://take.ms/AnuvV , thus you can change the Typography for the menu via your page builder. https://take.ms/WEXly

Kind Regards

Hello, Luke
Thanks for your kind support.
By the way, How can we change the Typography and Color for the Menu Words on the Mobile Phone ?
We try to use the HTML Block to change the Typography and Color for the Menu Words on the Mobile Phone, but, failed.
Enclosed the attached file, please check it !

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings -> Typography -> Advanced -> select those https://prnt.sc/z2yB9SdLsh7g rules for mobile menu and change the typography.

Kind Regards

Hi, Luke
Hi, Luke

Attachments:

You must be logged in to view attached files.

Enable the Mobile view in the page builder – https://take.ms/HtPhz and adjust margins/paddings per your needs.

https://take.ms/cslGc

Kind Regards

Hi, Luke
Thanks for your kind help !
We added our logo , and found that, the logo on the Mobile Phone is too big.
How can we set our logo at middle and smaller on the Mobile Phone ?

Attachments:

You must be logged in to view attached files.

Edit the logo element in Header builder -> Mobile: https://take.ms/0HrUe and change the logo width.

Kind Regards

Hi，Luke
Thanks for your kind support !

Attachments:

You must be logged in to view attached files.

Hello,

Currency is the Woocommerce functionality, and WoodMart does not provide any option to change currency somehow. You will need to search for a plugin for this purpose.

– [WooCommerce Multilingual](https://wordpress.org/plugins/woocommerce-multilingual/)
– [WooCommerce Currency Switcher](https://wordpress.org/plugins/woocommerce-currency-switcher/)

Kind Regards

Hi, Luke
Thanks for your information.

Hi, Luke
Thanks for your information.
We are finding the Currency Change Plugin, and installed it.

Attachments:

You must be logged in to view attached files.

Hello,

Send the error logs from your server.

Thank you for your time.

Kind Regards

Hi, Luke
We need your help on the Product Category Page Design.

Attachments:

You must be logged in to view attached files.

Hello,

A. Navigate to Theme Settings -> Product archive -> Sidebar -> select position from the left – https://take.ms/i5SLn

A1. Navigate to Appearance -> Widgets -> Shop page Widget Area -> define such widgets: https://take.ms/0w9iqs

A2. In general, you can create a shop page through the Layouts – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

B, B1, B2. Use Layouts, with the condition that is related to a specific product – https://take.ms/u2IiZl, in such a way you can customize the specific category page through page builder.

Kind Regards

Hi, Luke
We need your help on the product page design on the following.

Attachments:

You must be logged in to view attached files.

Hi, Luke
We need your help on the product pages design on the following.

Attachments:

You must be logged in to view attached files.

Hello,

1. Either change the Product layout – https://take.ms/012uK (in Layouts, change the width of the container), or try to change it via Appearance as shown here – https://www.cloudways.com/blog/woocommerce-product-image-size/

2. That website uses this https://berocket.com/woocommerce-advanced-product-labels/?srsltid=AfmBOoqsNSCCiUmMdQSKYPrTeZp-RagFY_-jQcPokUokOPJq40tlAfQO plugin.

But in the theme we have built-in labels functionality – https://xtemos.com/docs-topic/product-labels/ (https://take.ms/Nh5TZ)

3. This is a sticky product feature. If you use the default product page, enable it in Theme Settings -> Single product -> Sticky product: https://take.ms/d5YIF

In Layouts, enable this https://take.ms/rPDeD8 option.

Kind Regards

Hello, Luke
Thanks for your kind support!

Attachments:

You must be logged in to view attached files.

Hello,

1. Use the below custom CSS for help, define it in Theme Settings -> Custom CSS:

.single-product-page > .container {
	--wd-container-w: 1000px;
}

2. That website uses the labels from the 3rd party plugin.

Kind Regards

Hello, Luke
Thanks for your kind support !

Attachments:

You must be logged in to view attached files.

Hello,

Here is a custom CSS for help:

html .woocommerce-product-gallery .product-labels[class*="labels-rounded"] {
    inset-inline-start: 15px;
    inset-inline-end: auto;
}

Let me know the result.

Kind Regards

Hi，Luke

Hello,

You have an error in your CSS — there’s a missing bracket, and because of that, it doesn’t work.

https://monosnap.com/file/WbZNcqmaWskH3BfzATIqzAulSLAClD

Kind Regards

[Author]

Posts