Home › Forums › WoodMart support forum › SHOP PAGE TITLE OPTIONS and MENU ITEMS

SHOP PAGE TITLE OPTIONS and MENU ITEMS

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 16, 2020 at 7:37 pm #187607

    mrjukic
    Participant
    April 17, 2020 at 7:18 am #187692

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :-).

    I saw the screenshots you attached.

    1) That is because the title for those categories is bigger in length to the other
    titles. Please provide the URL of the website to check it myself and help you out accordingly.

    2) And for the categories menu padding issue please add the following Custom CSS code in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    #menu-categories .woodmart-nav-link {
width: 270px !important;
}

    You can adjust the width according to your needs.

    Best Regards.

    April 25, 2020 at 9:39 am #189863

    mrjukic
    Participant

    Hello,

    here is link to my problem, look at private part

    April 25, 2020 at 10:52 am #189881

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I watched the video you attached. Please Replace the previous code with the following in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    #menu-categories #menu-item-4585, #menu-item-4587, #menu-item-4618 {
width: 270px !important;
}

    Then check back. This will surely fix the issue.

    Best Regards.

    April 25, 2020 at 10:59 am #189883

    mrjukic
    Participant

    Hello there, yes this fixed it!

    And how about second use with categories on shop page.

    Is possible to have it evenly distributed ower whole width ( from Left to right page margins )

    And have bigger icons on top of category names, now icons are left of category names.

    Tnx
    Best Regards.

    April 25, 2020 at 11:19 am #189887

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    To Increase the size of the shop page categories icons you need to add the following Custom CSS in the Custom CSS for desktop area under Theme Settings >> Custom CSS.

    .hasno-product-count .category-nav-link .category-icon {
max-height: 18px;
}

    You can set the max-height value according to your needs.

    You cannot move the categories icons on the top of the title Because When you add more categories to the shop they will be displayed on the shop page and that layout will be messed up. I hope my explanation is clear enough to understand.

    Best Regards.

    April 25, 2020 at 11:26 am #189888

    mrjukic
    Participant

    Tnx for replay

    Look this image, when i make icon bigger it goes ower category mane.

    There is some problem with the separation between categories. The spacing is not equal, it does not use an equal percentage.
    I think it should have the same margins and fill the entire space equally.

    April 25, 2020 at 11:49 am #189895

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached. The categories in the shop page title could not be of the same width because the title of most of the categories is larger than the other.

    Please set the size of the icon with the CSS I provided you then tell. I will provide you with CSS to adjust the width of the icons according to the size of the icons you specified. Because currently the spacing is working fine.

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

    Best Regards.

    April 25, 2020 at 12:06 pm #189904

    mrjukic
    Participant

    Hello,

    i know they can not be same width, but they can have same spacing and margins and take whole space. Look at image.

    I think its suposed to work like this:
    margin-icon-space-categ.name-space- margin-icon-space-categ. name-space-margin…
    for example:
    20px-icon-20px-categoryname1-20px-20px-icon-20px-categoryname2-20px-20px-icon-20px-categoryname3-20px-20px-icon-20px-categoryname4-20px-20px-icon-20px-categorynam5-20px-20px-icon-20px-categoryname6-20px

    April 27, 2020 at 5:02 am #190150

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached and visited your website. The example you mentioned is not possible because when you do it the categories will be moved to the next line. Currently the spacing is working absolutely fine as it should be on my end.

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

    Please increase the size of icons according to your need and tell me I will provide CSS if any spacing issue occurs.

    Best Regards.

    April 27, 2020 at 8:36 am #190205

    mrjukic
    Participant

    Hello there,

    tnx for your replay. New Screenshoot in Private part.

    I understand that the categories will go into the next row when they are too long, but there is still a lot of empty space.

    I think that the width should automatically be adjusted to the length of the category title, and if the titles are too tight then the categories appear in the second row.

    I set the icons to 36px and as can be seen in the picture, now one category icon overlaps the title of another category.

    Please at least sort this out to keep the distance between the icon and the category title across all categories even. And I don’t see why it doesn’t work automatically.

    Best Regards,

    M

    April 27, 2020 at 10:19 am #190240

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached. Please add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .woodmart-product-categories.hasno-product-count .cat-item.cat-item-65 {
margin-left: 35px;
}

    You can set the margin value according to your needs.

    Best Regards.

    April 27, 2020 at 10:28 am #190250

    mrjukic
    Participant

    Hello Awan,

    this sorted out problem,

    Tnx for your time and help.

    Whats the reason for this problem? Will it be fixed in future update? So there will be no need for extra CSS?

    Best Regards,

    M

    April 27, 2020 at 10:45 am #190253

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    As I mentioned in my previous reply sometimes the title of the other categories that cause the issue.

    We will keep you suggestion in mind and will forward it to the development department hope it will be fixed in the near future update of the theme.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘SHOP PAGE TITLE OPTIONS and MENU ITEMS’ is closed to new replies.