Home › Forums › WoodMart support forum › Header responsive

Header responsive

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 6, 2022 at 8:05 pm #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

    January 7, 2022 at 10:58 pm #344052

    Elise Noromit
    Member

    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

    January 13, 2022 at 8:29 am #345055

    Javi24
    Participant

    Hello,

    I send you access

    Thanks 🙂

    January 14, 2022 at 12:45 pm #345406

    Elise Noromit
    Member

    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

    January 14, 2022 at 2:12 pm #345423

    Javi24
    Participant

    Hello,

    No problem 🙂

    I send issues in a private area.

    January 14, 2022 at 11:41 pm #345517

    Elise Noromit
    Member

    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

    January 18, 2022 at 10:37 am #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

    January 19, 2022 at 12:31 am #346245

    Elise Noromit
    Member

    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

    January 20, 2022 at 10:55 am #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.

    January 20, 2022 at 9:22 pm #346814

    Elise Noromit
    Member

    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

    January 21, 2022 at 8:38 am #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

    January 22, 2022 at 10:50 pm #347209

    Elise Noromit
    Member

    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

    January 23, 2022 at 2:32 pm #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.

    January 23, 2022 at 9:44 pm #347333

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    January 24, 2022 at 8:22 am #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

    January 24, 2022 at 7:02 pm #347573

    Elise Noromit
    Member

    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

    January 25, 2022 at 10:34 am #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 🙂

    January 25, 2022 at 10:55 pm #347899

    Elise Noromit
    Member

    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

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