Home Forums WoodMart – Premium Template Header responsive

This topic contains 7 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 4 hours, 14 minutes ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #343875

    Javi24
    Customer

    Hello,

    1. How to fix that header responsive error https://gyazo.com/91f44406f4996067551a8104a7d2e520
    2. How to disable Product (grid or carousel) element hover text. https://prnt.sc/26a6jyb

    Thank you

    #344052

    Hello,

    Please insert the credentials into the Private content below the message area.

    I will try to correct the header with custom CSS. You have a lot of menu items and there is no space enough. Perhaps reducing the padding would solve the problem.

    Best Regards

    #345055

    Javi24
    Customer

    Hello,

    I send you access

    Thanks 🙂

    Private Content Hidden
    #345406

    Hello,

    Sorry for the delay.

    Please try this code, you will need to add it to the Theme Settings > Custom CSS > Global:

    @media screen and (max-width: 1170px) and (min-width: 1024px){
    body .wd-nav-main> li > a   {
        padding-right: 5px;
        padding-left:5px;
    }
    }

    I have reduded paddings to keep the menu in one line. Let us know if there are any issues.

    Best Regards

    #345423

    Javi24
    Customer

    Hello,

    No problem 🙂

    I send issues in a private area.

    Private Content Hidden
    #345517

    Hello,

    The space for the menu is limited and you would better consider creating multi-level menu or mega menu: https://xtemos.com/docs/woodmart/create-menu-2/

    If you have any questions please feel free to contact us.

    Best Regards

    #346111

    Javi24
    Customer

    Hello,

    1. Then it’s not possible for the text to simply change size if the screen is smaller in the header?

    2. How to remove hover text from Images? https://prnt.sc/26f46zt

    #346245

    Hello,

    1. Please replace this code to the Theme Settings > Custom CSS > Global:

    @media screen and (max-width: 1170px) and (min-width: 1024px){
    body .wd-nav-main> li > a   {
        padding-right: 5px;
        padding-left:5px;
        font-size:12px;
    }
    }

    Set the font size as per your needs.

    Please give the page URL with this hover, I will give you custom CSS.

    Best Regards

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

You must be logged in to reply to this topic.