Header and drop down main menu

Hi there,

1. Can you please let me know how to space out my main menu so that there’s more spacing between each menu option. https://prntscr.com/xbr371

2. Is there a way so that this drop down menu header not be in 2 lines? https://prntscr.com/xbrcdp
and then have an image on the far right?

3. Lastly, I’m trying to copy this filter design https://prntscr.com/xbryqh
but I cant get all the buttons close to each other without having a big gap between. Can you please let me know how to do this? Also, I want the buttons to have product tags linked to them instead of a website link is there a way for me to link product tags?
And how do I remove those 2 lines on the top and bottom and also that default sorting drop down and the “show 9/12/24” I dont want it to appear. https://prntscr.com/xbs1sq

Thanks

Sorry, I also want to add.

How do I remove this Description heading https://prntscr.com/xbxhwv
I’ve disabled the heading on the backend setting but still shows.

Thanks

Hello,

I saw the screenshots you attached.

1) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.woodmart-navigation .item-level-0>a {
    padding-right: 17px;
    padding-left: 16px;
}

2) I have visited your website and the text is already in one line.

Screenshot for Clarification: https://prnt.sc/xcqfdk

3) The buttons are also looking fine on my end. It seems that you have managed to fix it.

Screenshot for Clarification: https://prnt.sc/xcqkbh

4) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

li.description_tab.active a {
    visibility: hidden;
}

And check if this works for you otherwise it requires customizations.

Regards.
Xtemos Studios.

Hi,

1. Unfortunately, this code didn’t work and nothing changed.

li.description_tab.active a {
visibility: hidden;
}

2. Also, I wanted the buttons to be close together such as https://prntscr.com/xbryqh
I can’t seem to get rid of the spaces in between each button and you didn’t mention how to get rid of the lines at the top and bottom https://prntscr.com/xct3ji

3. how do I add more space between each row in “shop” so that its not so close together?

4. You also forgot to let me know how to remove the “description” accordion title. I have it as disabled on backend but it is still showing. https://prntscr.com/xbxhwv

Thanks

Hello,

1 & 4) The code is working fine and the description is not displaying on your website.

Screenshot for Clarification: https://prnt.sc/xd4q0c

2) Please edit the columns in which you added the buttons and try setting the margin values according to your need.

Screenshot for Clarification: https://prnt.sc/xd54ff

Then check back.

3) Please provide a relevant screenshot of the specific area to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

1. You’re looking at the wrong page. It is in the SHOP page that has the “default sorting” which is still appearing https://prntscr.com/xe9o8s

3. how do I add more space between each row in “shop” so that its not so close together? https://prntscr.com/xctvvj

4. You also forgot to let me know how to remove the “description” accordion title. I have it as disabled on backend but it is still showing. https://prntscr.com/xbxhwv

It seems you keep ignoring the number 4 questions. Are you able to let me know how to remove “description” title please.

Thanks

Hello,

I saw the screenshots you attached.

1) To remove the default sorting please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woocommerce-ordering {
    display: none;
}

3) And for the space of the product grid items try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings.

.woodmart-archive-shop .woodmart-spacing-30>[class*=col] {
    margin-bottom: 45px;
}

4) I have provided you with Custom CSS in each reply for this. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

li.description_tab.active a {
    visibility: hidden;
}

Regards.
Xtemos Studios.

[Author]

Posts