Home Forums WoodMart support forum Header responsive

Header responsive

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

    Javi24
    Participant

    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
    Participant

    Hello,

    I send you access

    Thanks 🙂

    #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
    Participant

    Hello,

    No problem 🙂

    I send issues in a private area.

    #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
    Participant

    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

    #346671

    Javi24
    Participant

    Hey Elise,

    1. Now header bottom text size looks great. It’s possible to change the header breakpoint to 990px to display there too categorys (not like mobile header bottom)?
    https://prnt.sc/26g7ywo

    990px like here: https://prnt.sc/26g7zg5

    2. How to change header top and main header text size too (max-width: 1170px) and (min-width: 1024px) – 990px if possible.

    https://prnt.sc/26g80fj

    3. I send the URL in a private area.

    #346814

    Hello,

    Unfortunately, it is not possible to make the breakdown category. The main menu has the full-screen option, it will show the mobile menu icon, and when you click the header would be full-screen, at the same time you will be able to add any elements to the header and they would look nice.

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

    Best Regards

    #346919

    Javi24
    Participant

    Hello,

    1.But how to change text size in top of header (max-width: 1170px) and (min-width: 1024px)

    2. How I disable image hover text to display page title. Examples in private area.

    Thank you

    #347209

    Hello,

    Did you try this code?

    @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;
    }
    }

    2. This is the default WP bakery behavior, check if you have disabled Add caption? in the Single image element.

    Best Regards

    #347291

    Javi24
    Participant

    Hello,

    1. Yes I adding that code, it’s changed only the header bottom text area.
    2. If I look single image element setting there is a disabled add caption. https://prnt.sc/26i2iy2

    Or it needs to be changed somewhere else.

    #347333

    Hello,

    Please send the screen of what text you want to change the code provided is for the mega menu items.

    Best Regards

    #347381

    Javi24
    Participant

    Hello,

    1. Top of header text size: https://prnt.sc/26ift2g
    2. If I look single image element setting there is a disabled add caption. https://prnt.sc/26i2iy2

    #347573

    Hello,

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

    @media screen and (max-width: 1170px) and (min-width: 1024px){
    body .wd-header-text a{
    font-size:30px;
    }
    }

    Please change the sie as per your needs. You can also change the row height for mobile: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

    Best Regards

    #347721

    Javi24
    Participant

    Hello,

    1. How header text size is fixed. Thank you
    2. If I look single image element setting there is a disabled add caption. https://prnt.sc/26i2iy2
    Where i can remove that image hover text name is not the page title name?

    3. Mega menu question is in a private area

    Thank you 🙂

    #347899

    Hello,

    2. If I look single image element setting there is a disabled add caption. https://prnt.sc/26i2iy2
    Where i can remove that image hover text name is not the page title name?

    Unfortunately, WoodMart does not have any options to influence the functionality of the single image element of the WP bakery builder.

    Why the first two mega menus are “Dropdown” not a grid-like others

    Please check each HTML block you have assigned to the menu item. Find our documentation tutorial about this here: https://xtemos.com/docs/woodmart/create-menu-2/

    Best Regards

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