There is an empty space in drop down arrows in mobile.

1. There is an empty space in drop down arrows in mobile

2. I need to add a page in dropdown menu how i can add an ICON IN PAGE like categories to show in menu?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

1) I have visited your website, these are product tabs not empty space by any means.
Screenshot for Clarification: https://ibb.co/0Bj1RGZ

2) To add an icon with a link you need to use font-awesome class to display it with the link from Appearance >> Menus.

Screenshot for Clarification: https://ibb.co/MZHdJBm

Best Regards.

Hi
1) i knwo that this is a product tabs, the question is how i can disable not showing in those tabs not in use. It is not normal to show there, if this tabs not in use. not looks nice so i ask you how i can disable the inactive tabs.

2) I know this way i ask how to use custom icons like .svg also

Hello,

1) I have removed the empty tabs from the mobile view. Please clear cache and check back.

Screenshot for clarification: https://ibb.co/Qmdj2pL

2) Unfortunately, you cannot use svg icons for menu items. It requires customization and this is beyond limitations and our support policy.

Best Regards.

thanks but may i know how to remove it? if i will added extra tab this tab will appears?

also there is a grey line thihk

file

Hello,

I have added Custom CSS code in the Custom CSS for mobile area under Theme Settings >> Custom CSS to hide them for mobile.

.woodmart-accordion-title.tab-title-woodmart_additional_tab {
display: none !important;
}
.woodmart-accordion-title.tab-title-cherry_wc_video {
display: none !important;
}
.woodmart-accordion-title.tab-title-reviews {
display: none !important;
}
.woodmart-accordion-title.tab-title-additional_information {
display: none !important;
}

Because the tabs inherits from the desktop version of the theme and you cannot hide it for mobile and display it for desktop.

Best Regards.

1. if i will added extra tab this tab will appears or no? because in some products i have extra tab option.

2. I ask you about the grey thick line

Attachments:

You must be logged in to view attached files.

Hello,

1)That will also affect the other products as well. Because the tabs work the same for all the products you cannot set different behaviours for separate products.

2) And to remove the line under the tabs you need to use the following Custom CSS in the Custom CSS for mobile area under Theme Settings >> Custom CSS.

.woodmart-tab-wrapper {
border-bottom: none !important;
}

Best Regards.

there is any way to fix this in your next update? because it is not likeble. Also i cannot hide the tabs in all products and i cannot show empty tabs arrow too. looks messy

also this css
.woodmart-tab-wrapper {
border-bottom: none !important;
}

hide all bottom border hide also the active tab border too

Hello,

As I mentioned in my previous reply this is the default behavior of the tabs and you cannot change this. It requires customization and this is beyond our limitations and support policy.

We will keep your suggestion in mind and will try to update it in the near future update of the theme.

The CSS I provided was to remove the border of the tabs wrapper and you cannot remove it for one by keeping it for another. It requires customization and this is beyond our limitations and support policy.

Best Regards.

Thanks for your suggestion. Try to be more friendly with the clients. Your theme is super but I think than you have strange behavior with your customers. You find this problem with the empty lines minor? So to hide the only way is to use it

Your suggestion for fontawesome icon not working too, i save the changes but nit saved

Hello,

I think you get me wrong. I am extremely sorry if you feel that my behavior wasn’t friendly.

For the icons that are not working Please Go to Theme Settings >> Performance >> CSS >> Font-Awesome library >> Set to always use.

Screenshot for Clarification: https://ibb.co/F5JPJpc

You can use the icons from the following link: https://fontawesome.com/v4.7.0/cheatsheet/

This will fix the issue.

Best Regards.

Hi sir regarding this issue nit fixed. there is a lot of arrows in mobile https://agrologio.gr/shop/φυτά-δέντρα/άνθη/ορτανσία-ροζ/

how i can remove this arrows? not looks nice. there is no any way to hide? or show only if there is a content there?

Hello,

I have visited the URL you provided and there are no arrows on the page in the mobile version. Please clear cache and check back.

Screenshot for Clarification: https://ibb.co/nM1HKT7

Best Regards.

There is I use private browsing. Also I try fro different device and there is. It is very annoying this for users

Hello,

Please provide a relevant screenshot of the specific area you are talking about to check it myself and help you out accordingly. Because currently I am unable to see any arrows on the product link you provided.

Screenshot for Clarification: https://ibb.co/Wpjj0Wx

Best Regards.

here it is Max file allow 512 it is very low a screenshot is more. Must download and edit to send the screenshoot. crazy

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

As I mentioned in my previous reply. You have added the tabs for the products that’s why its appearing on the products.

It seems that you are using it for some products that’s why they are displayed. The product tabs work same for all the products and unfortunately, there is no option in theme settings to hide them when ave no data. Or display them only if they have data in them. It requires customization and this is beyond our limitations and support policy.

If you want to hide them then you can add the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woodmart-accordion-title.tab-title-woodmart_additional_tab {
display: none !important;
}
.woodmart-accordion-title.tab-title-cherry_wc_video {
display: none !important;
}
.woodmart-accordion-title.tab-title-reviews {
display: none !important;
}
.woodmart-accordion-title.tab-title-additional_information {
display: none !important;
}

Or you can use HTML Blocks to use for each product and add data inside them if you want to add it for specific products.

Best Regards.

As i have already told you i added this css but not working. You have the admin credentials. if you login you will see that the provided css already added.

Attachments:

You must be logged in to view attached files.

Hello,

I have tried to login to your website and was unable to login the password doesn’t seem to be correct.

Screenshot for Clarification: https://ibb.co/BPQ1JCP

Please provide with the correct admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

added again i double checked

Hello,

I have replaced the code in the Custom CSS for Mobile area under Theme Settings >> Custom CSS. And the tabs are removed from the mobile view.

Screenshot for Clarification: https://ibb.co/qgk8Z6v

Please deactivate cache plugin, clear browser cache and check back.

Best Regards.

what do you change my page not open

Hello,

I have just added a line of Custom CSS code in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woodmart-tab-wrapper {
display: none !important;
}

.tabs-layout-accordion {
display: none !important;
}

Otherwise I have done nothing and tested your website and provided you with the screenshot.

Best Regards.

Dear Aizaz, i try more than one month to hide this arrows. is this possible? i am tired it is really so annoying while scrolling

Hello,

You asked about hiding all the tabs on the product page that’s why I added the Custom CSS code to hide them all.

To hide some of the tabs. I am providing you with all the CSS code you can add according to your need for the specific tabs you want to hide.

.woodmart-accordion-title.tab-title-woodmart_additional_tab {
display: none !important;
}
.woodmart-accordion-title.tab-title-cherry_wc_video {
display: none !important;
}
.woodmart-accordion-title.tab-title-reviews {
display: none !important;
}
.woodmart-accordion-title.tab-title-additional_information {
display: none !important;
}

Best Regards.

[Author]

Posts