Register with your Envato account

Support forums

Homepage Support Goliath HTML Template Disable bouncing menu

[Resolved] Disable bouncing menu

Homepage Support Goliath HTML Template Disable bouncing menu

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #3029
    jonprasetyo
    Participant

    By default – when the user is at the top of the page and scrolls down the menu expands full width, shrinks narrower and bounces a bit or vice versa.

    How can I disable the bouncing bit? I would like the menu to snap instead of bounce – I feel that this bouncing bit slows the website down – or looks like its stuttering because its not super smooth.

    Thanks

    #3031

    Hey,

    To disable bouncing effect open file goliath.css and find following code fragment:

    .menu .nav li a {
    	padding: 15px 17px;
    	color: #fff;
    	font-size: 15px;
    	line-height: 19px;
    	text-transform: uppercase;
    	font-weight: 900;
    	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.07s;
    }

    Remove this line and save the file:
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.07s;

    To add some other animation you can use CSS3 or/and Javascript , but it will require programming skills.

    #3034
    jonprasetyo
    Participant

    Thank you – this is solved.

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

The topic ‘Disable bouncing menu’ is closed to new replies.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close