Home › Forums › WoodMart support forum › Desktop Drop Down Menu Lable Should be on right

Desktop Drop Down Menu Lable Should be on right

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 24, 2024 at 7:05 pm #533226

    smart.sharukhkhan786
    Participant

    Hello,

    I’m utilizing the Label feature to indicate which categories have added new products. Currently, the label is displayed at the top in the menu (Desktop Only), which is appropriate. However, for the drop-down menu, the label should be positioned on the right side.

    It appears correctly on mobile devices. Could you please provide guidance on this matter? I have attached images for both scenarios.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    January 25, 2024 at 11:41 am #533406

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the page URL I will check and give you a possible solution.

    Best Regards.

    January 25, 2024 at 12:39 pm #533435

    smart.sharukhkhan786
    Participant

    Link in private

    January 25, 2024 at 3:48 pm #533561

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .wd-sub-menu li>a .menu-label {
      margin-top: 0px;
   margin-left: 8px;
}

.wd-nav>li>a .menu-label {
     margin-left: 30px;
   bottom: 50%;
}

    Best Regards.

    January 25, 2024 at 4:02 pm #533578

    smart.sharukhkhan786
    Participant

    I believe you may have misunderstood my point. There are two types of menus: a simple menu and a dropdown menu. The label appears fine on the simple menu, which is visible on the header of my website. However, when I access the dropdown menu, the label’s appearance is unsatisfactory. Specifically, the label within the dropdown menu should not have a comic style, it should be aligned to the right side. Aside from that, everything functions well on mobile devices. Please recheck attached photos I sent you with my last message

    January 26, 2024 at 9:45 am #533762

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    If You want to change the position of only the sub menu label. Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for desktop:

    .wd-sub-menu li>a .menu-label {
      margin-top: 0px !important;
   margin-left: 6px;
}

    Best Regards.

    January 26, 2024 at 10:25 am #533781

    smart.sharukhkhan786
    Participant

    The current appearance is satisfactory, but it does not align with my specifications. The comic book style should be excluded from the dropdown menu, and the size should be slightly reduced, similar to the labels displayed for the mobile menu. You can check website on mobile menu and check menu label. That’s I want for drop down menu only

    January 26, 2024 at 2:58 pm #533869

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the old code with the below one and add this for the desktop area:

    .wd-sub-menu li>a .menu-label {
    margin-top: 0px!important;
    margin-left: 6px;
    font-size: 6px;
    max-width: 25px;
    height: 15px;
}

    Change the value as per your requirements.

    Best Regards.

    January 26, 2024 at 3:48 pm #533892

    smart.sharukhkhan786
    Participant

    Thank you for the codes, but It should be like this

    [New]

    Not

    [New]
    /

    same as mobile menu lable

    Attachments:
    You must be logged in to view attached files.
    January 26, 2024 at 5:07 pm #533927

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Here you can see the sub menu label on your site. It is looking like this:
    https://ibb.co/d6w1LrZ

    Best Regards.

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