Menu & Product Page customisation

Hi, there are few things need to set or customise:

1. Mega menu align in center https://prnt.sc/Eum4RvzX4Juo the dropdown menu is not aligned in centre
2. Remove space between the submenu in mega menu you can prefer the https://prnt.sc/Eum4RvzX4Juo same screenshot
3. How to change the font size of before price text kindly see the ss https://prnt.sc/_FuXfGJ5XhVS
4. Change the “Size Guide” options to “Customise Your Furniture” https://prnt.sc/AxLSlZYCdQXo (Note: I tried your translator documention and it’s not working for me) I have attached login credential can you kindly do it for me?
5. I want to add one more tab here https://prnt.sc/xpv3mJSnyk-0 called “Product Specification”, we will put material and size details of each product here. Kindly note we will able add product details in every product from the product backend.
6. is it possible to add something like this https://prnt.sc/OI2SINVilL6h link: https://www.cotswoldco.com/bedroom-furniture/bedside-tables/berkeley-black-oak-bedside/
7. Instagram pictures not loading https://prnt.sc/3n8YgdileEZb

Thank You!

Hello,

01. You can edit the Mega menu via page builder > then you can edit the menu list widget and align in the html blocks layout.

Please read and follow the instructions here:
https://xtemos.com/docs-topic/create-mega-menu/

02. You can edit the Mega menu via page builder > then you can edit each column and remove the space.

03. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

span.rrp-sale {
    font-size: 15px;
}

04. You can change that text by using the Loco Translate plugin, Please here is our article on how to use it – https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

05. Navigate to Theme Settings > Single Product > Tabs > Add the Additional tabs.

Also, each product has a custom tab that can be enabled at the bottom of the product settings page.

06. Navigate to Layouts > Edit Single Product layout and something like this in the layout.

07. Can you please share the page URL so I can check and give you a possible solution?

Best Regards

Point no 04. Can you do for me? I have added the backend detials

Also css for main price (point no. 3)

Hi,

1. Elementor dont have options to remove the extra space: https://prnt.sc/PejAqWStuGve let me know css or do it for me please.
2. i want to align whole mega menu dropdown in the centre of the website. kindly check https://prnt.sc/DPW1ebH8r-C2 (i don’t want to stretch the dropdown to full width) Just wanted to align the whole dropdown menu in centre.
Web link: https://bechdebaba.in/test2024/product/belt/
(I have attached the login credentials earlier)

Hello,

01. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS

.elementor-widget-wd_extra_menu_list .wd-sub-menu .sub-sub-menu li>a  {
    padding-top: 0px !important;
}

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

.whb-main-header .wd-dropdown-menu.wd-dropdown {
    right: -50em !important;
    left: auto !important;
}

3. 4. Please try to do it yourself. If you have faced any issue feel free to contact us.

Best Regards

Number 2 css not working

Check the attached video.
No 2. Not working (i want to align whole mega menu dropdown in the centre of the website. kindly check https://prnt.sc/DPW1ebH8r-C2 (i don’t want to stretch the dropdown to full width) Just wanted to align the whole dropdown menu in centre.)
Web link: https://bechdebaba.in/test2024/product/belt/
(I have attached the login credentials earlier)

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. change the value as per your requirements.

.whb-main-header .wd-dropdown-menu.wd-dropdown {
    right: -640px !important;
    left: auto !important;
}

Best Regards

[Author]

Posts