Home › Forums › WoodMart support forum › Header and drop down main menu

Header and drop down main menu

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 21, 2021 at 1:20 am #260167

    E-N Admin
    Participant

    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

    January 21, 2021 at 2:13 am #260172

    E-N Admin
    Participant

    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

    January 21, 2021 at 8:47 am #260243

    Aizaz Imtiaz Awan
    Keymaster

    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.

    January 21, 2021 at 9:02 am #260250

    E-N Admin
    Participant

    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

    January 21, 2021 at 11:30 am #260299

    Aizaz Imtiaz Awan
    Keymaster

    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.

    January 21, 2021 at 10:26 pm #260443

    E-N Admin
    Participant

    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

    January 22, 2021 at 6:42 am #260510

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 7 posts - 1 through 7 (of 7 total)