Home Forums WoodMart support forum how to modify the header ?

how to modify the header ?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #716630

    springorchid2008
    Participant

    Dear sir,
    Could you help to fix the following problems for me during the head modifying as attached file:
    1. how to make the white arrow show up for the nested carousel, I can check it in the elementor, but it disappeared in the top header.
    2. how to narrow the gap between the menu and dropdown blocks?
    3. how to change the Aside menu text style ( size and bold) and how to change the background for the aside menu?

    Best regards
    Cathy

    Attachments:
    You must be logged in to view attached files.
    #716680

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    01. I have checked and the arrows is showing fine in the top bar.
    https://postimg.cc/BXdxrCqB

    02. Try to add the following custom css code in Theme Settings > Custom CSS:

    .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
        margin-top: 0px;
    }

    03. Navigate to Theme Settings > Typography > Advanced >> Create a new rule with “menu design aside navigation links” and change the Hover Color.

    Please try to use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Global CSS section:

    div.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu {
        background-color: #ffd80b;
    }

    Best Regards

    #716900

    springorchid2008
    Participant

    Hi,
    Thanks for your kind prompt reply.
    Accoding to the narrow the gap between the sub-dropdown and menu, I have done as followed, but it seems not active, the gap still exist there, but when I scroll down, the sticky menu without the gap.
    how to fix it?
    looking forward to your kind early reply.
    Best regards
    Cathy

    — 02. Try to add the following custom css code in Theme Settings > Custom CSS:

    .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
    margin-top: 0px;
    }

    #716902

    springorchid2008
    Participant

    HI,
    Don’t bother, I have fixed the problem by set the topmargin for the container. thanks.
    Best regards
    Cathy

    #716905

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘how to modify the header ?’ is closed to new replies.