Home Forums Porto Template Hamburger Icon and Drop-Down Menu Too High

This topic contains 2 replies, has 2 voices, and was last updated by  JohnAlan 11 months, 1 week ago. This post has been viewed 488 times

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #10023052


    See website URL.

    Everything is OK while the header is full size, but once scrolling (logo reduces) on narrower screens the hamburger icon jumps up too high, and the drop-down menu (once clicking on the hamburger) is also too high (by about the same distance), overlapping the bottom of the logo a little.

    I think this is because the phone number li element disappears on mobile (hidden-xs), as I don’t want anything showing on smaller screens other than the logo and menu icon. But without that, these elements are too high?

    As always, any help much appreciated!

    Template Version: 5.7.2



    With some CSS code we can adjust that, for that please add in (css/custom.css):

    @media(max-width: 991px) {
        #header .header-nav-main nav {
            margin-top: 20px !important;
    @media(max-width: 767px) {
        .header-btn-collapse-nav {
            margin-top: 51px !important;

    Please, try that and let me know if you need further assistance.

    Kind Regards,




    Excellent, thanks!

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