Edit menu with "Header builder"

Hello,

I am trying to edit the website "Header builder" menu by editing the style.css in the child's theme.
When I try to edit the width of the menu in the mobile version, it is changed in all versions. It also happens to me when I edit the padding between menu items. How can I make the changes only affect the drop-down version of the menu on mobile and tablet?

Thanks in advance!

Comments

  • Hi,

    What you ask for, is files customization what in reference to Item Support Policy is not allowed. So if you want to modify files and don't know how, you should contact your web developer. Item Policy says:
    Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page. For customization services that will help you tailor the item to your specific requirements, we recommend contacting the author to see if they privately offer paid customisation services or checking out the great service providers on Envato Studio

    thanks
  • Ok,

    I got it with this code:

    @media only screen and (min-width: 480px) and (max-width: 959px) {
    .mhb-menu .tabletMobile .menu {
          width: 220px !important;
    }
     }
    @media only screen and (max-width: 479px) {
    .mhb-menu .tabletMobile .menu {
        width: 220px !important;
    }
     }
    @media only screen and (min-width: 960px) and (max-width: 1610px) {
    .mhb-menu .menu > li > a > span {
        padding: 15px 20px 0px 20px !important;
    }
    .mhb-view.desktop .first-row .mhb-menu .menu > li > a > span {
    line-height: 0px !important;
    }
     }


    Thanks!
Sign In or Register to comment.