Home Forums Themes Support Pangja Padding of the main menu items

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #8453
    MattinaGroup
    Supported

    Hi, how can I reduce the padding of the main menu items? I especially need it for the horizontal tablet version where the menu is displayed on 2 lines unfortunately!
    I always thank you for your precious support!

    #8455

    Hi,
    Thanks for contacting us and choosing our product!
    You can go to Appearance -> Customize -> Additional CSS and add this code:

    @media screen and (max-width: 1199px) {
    .header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a {
    padding: 0 8px;
    }
    }

    With other screen resolution you can do similar. (change 1199px to other screen size)
    Hope this helps!

    ****
    Regards,
    HaruTheme

    • This reply was modified 3 weeks, 2 days ago by admin.
    • This reply was modified 3 weeks, 2 days ago by admin.
    #8457
    MattinaGroup
    Supported

    Hi, I tried with your code, but still haven’t solved. I am attaching the screen. Thanks again

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

    Hi,
    We have just checked your site but don’t see the code added.
    https://prnt.sc/10x6vng
    That’s seem you added wrong code or wrong something.
    Please send us admin account. We’ll check it for you.

    ****
    Regards,
    HaruTheme

    #8468
    MattinaGroup
    Supported
    This reply has been marked as private.
    #8471

    Hi,
    We changed the code for you and it works fine now:

    @media screen and (max-width: 1199px) {
    .header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a {
    padding: 0 8px;
    }
    }

    The old code override by other code.
    Hope this helps!

    ****
    Regards,
    HaruTheme

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

You must be logged in to reply to this topic.