SupportCategory: Barberia - HTML5Sticky Nav Menu
mediagarden2016 asked 3 years ago

Hey love the template. I have one question. When viewing this template on Themeforest the nav menu stick to the top as you scroll down the page. I downloaded the files and previewed the homepage in my browser. The nav menu does not stick to the top as it did in your version on Themeforest. Do you have the code for this sticky nav menu feature? Thanks!
(themeforest-11450277-barberia-barber-hair-salon-responsive-template)

3 Answers
templatevisual Staff answered 3 years ago

Sorry for trouble what is your purchase code and username

templatevisual Staff answered 3 years ago

Thanks for verifying can i have your website link to check the issue also provide us ftp details if possible .
For private message (for login details ,websitelink and other info)
Check screenshot
http://prntscr.com/arh3yy

templatevisual Staff answered 3 years ago

Please add this in style.css
/ ----------------------------------------------------
V.1.1 HEADER STICKY
-------------------------------------------------------
/

.header-section.affix .navbar-brand > img {
    width: 80%;
    margin-top:5px;
}
.header-section.affix   .navbar-nav > li > .dropdown-menu {
    margin-top: 8px;
}
.header-section.affix {
    width:100%;
    top:0;
    right:0;
    left:0;
    padding:0.6em;
    position: fixed;
    z-index: 9998;
}
.header-section {
        -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
        -ms-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
}
@media (max-width: 768px) {
    .header-section.affix {
        position:relative !important;
    }
}


and in proof.html replace
<section class="header-section">
with
<section class="header-section affix">

Copyright © 2014 - 2017 Designed by Templatevisual