The menu does not appear at some browser sizes

Home Forums Auberge The menu does not appear at some browser sizes

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

    sorin
    Participant

    The menu does not appear at some browser sizes

    Resolved

    Hi,
    (sorry for my English)
    When scrolling dovn on ultra wide sizes, the top menu+site title automatically appears (all is ok), but in the range of medium sizes it stops working and remains at the top of page.At the same time, the menu has not yet been transformed into a mobile version (as in ultra small screen sizes). Same theme (Auberge), but oldest version (2.2.0) all is ok. It is bug? A have attached two screenshots. Thanks!
    Best wishes,
    Sorin

    #19657

    Oliver Juhas
    Keymaster

    Hi sorin,

    Please note that this is by design. The sticky header is only applied on screens of 1280px and wider.

    If you want to apply the sticky header for screens when mobile menu breaks in, please try to use this custom CSS:

    @media only screen and (min-width: 880px) {
    
    	.sticky-header .site-header,
    	.hide-sticky-header .site-header {
    		position: fixed;
    		width: 100%;
    		left: 0;
    		line-height: 3.62rem;
    		-webkit-backface-visibility: hidden;
    		backface-visibility: hidden;
    	}
    
    	.sticky-header.admin-bar .site-header,
    	.sticky-header.admin-bar .hide-site-header {
    		top: 32px;
    	}
    
    	.sticky-header .site-header {
    		top: 0;
    		-webkit-animation: comeDown .8s;
    		animation: comeDown .8s;
    	}
    
    	.sticky-header .type-img a {
    		line-height: 3.62rem;
    	}
    
    	.sticky-header .site-branding img {
    		max-height: 3rem;
    	}
    
    	.hide-sticky-header .site-header {
    		top: -3.62rem;
    		-webkit-animation: goUp .8s;
    		animation: goUp .8s;
    	}
    
    	.hide-sticky-header .type-img a {
    		line-height: 3.62rem;
    	}
    
    	.hide-sticky-header .site-branding img {
    		max-height: 3rem;
    	}
    
    	.sticky-header .site,
    	.hide-sticky-header .site {
    		padding-top: 5rem;
    	}
    
    }

    Best regards,

    Oliver Juhas
    WebMan Design

    #19659

    sorin
    Participant

    Dear Oliver Juhas,
    thank you very much for your reply!
    Your FB themes is really great!
    Thanks!!!

    • This reply was modified 3 weeks, 6 days ago by  sorin.
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.