Home › Forums › ArileWP Pro › How to reduce extra space in primary menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 21, 2021 at 7:20 pm #17658
    Michael
    Participant

    Hi,

    I am looking to reduce the extra space at the top and bottom of the primary menu where the logo is located as its too much space considering the size of the text.

    My website is old.jjrconstruction.ca

    April 22, 2021 at 6:26 am #17673
    themearile
    Keymaster

    Hi Michael

    Don’t worry we are here to help you.

    1) You are using the large size of the logo, So please go to Appearance => Customize => Site Identity then Set the logo width 100px and click to Publish button. See the screenshot for more help https://prnt.sc/11ul739

    2) Please add the CSS code below in the Additional CSS Box. Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

    @media (min-width: 992px){
.navbar-brand {
    padding-top: 0.500rem !important;
    padding-bottom: 0.500rem !important;
}
.navbar .nav {
    margin-bottom: 1.200rem !important;
    margin-top: 1.200rem !important;
}
}

    Let us know if it works for you.

    —
    Thanks

    April 25, 2021 at 4:12 am #17885
    Michael
    Participant

    Hi,

    I gave this a try however no change at all, I even tried changing some of the measurements yet nothing.

    Thanks,

    Michael

    April 25, 2021 at 7:03 am #17890
    themearile
    Keymaster

    Hi Michael

    We have checked your site you did not add the above CSS code in the Additional CSS box.

    Please add the above CSS code which we have suggested to you in the previous comment and after let us know.

    After adding the above CSS code menu bar look like the screenshot http://prntscr.com/120twil.

    Thanks

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.