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 2 months ago. This post has been viewed 159 times

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

    JohnAlan
    Participant

    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
    #10023053

    Support2
    Keymaster

    Hello,

    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,

    Rodrigo.


    #10023054

    JohnAlan
    Participant

    Excellent, thanks!


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