Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • gammx1 Friend
    #195810

    Hi, I need to get the header – top MAIN-NAV section (Logo, Mega-menu, Search, Socials)- to stay available at the top when scrolling down every page…
    In other words, to have the Logo, the mega-menu, socials & search area always available at the top.
    Thanks in advance for any help you may provide,
    Rgrds,

    chavan Friend
    #526845

    Add this code to this css: /templates/ja_elastica/css/template.css

    @media screen and (min-width: 981px){
    #ja-header{
    position:fixed !important;
    }

    #ja-container{
    margin-top:85px;
    }
    }

    gammx1 Friend
    #526854

    <em>@Chavan 416521 wrote:</em><blockquote>Add this code to this css: /templates/ja_elastica/css/template.css

    @media screen and (min-width: 981px){
    #ja-header{
    position:fixed !important;
    }

    #ja-container{
    margin-top:85px;
    }
    }


    </blockquote>

    Thanks. Your given code worked perfectly.

    Additionally tweaked the following code to better match the whole template look when scrolling down:


    .ja-megamenu ul.level0 li.active {
    background: #222222
    }
    .ja-megamenu ul.level0 li.active a.mega {
    color: #FFF
    }

    Final result available here: Joomlas2Go.net. Surely may help others!

    Rgrds,

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

This topic contains 3 replies, has 2 voices, and was last updated by  gammx1 10 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum