Get Access to All Templates € 49.- Grab Offer →

Arrow up
Arrow down
×
Forum Access (04 Jul 2019)

These forums are READ-ONLY for Guests, and only WebKomp club members can post. If you are not a member, please look at joining one of our clubs to get access to this forum.

check Change of the header bar (navigation menu) look Mountains TemplateII

1 year 2 months ago - 1 year 2 months ago #3440 by Christine Berlenbach
Hello Mike,
first of all i want to thank you for your great support, i will use more templates from you inj the future, realy great support.
my Website is now running perfekt.
One last question is only for the look of the site, is there a possibility to change the header bar (navigation menu) that it looks like in Mountains 1 Template?
when i make the Transpart in style header a little bit higher i have also a bar in the site, but it looks not so nice like in mountains 1 Template, is there a way to change this?
i have added 3 files.
Thank you so much
Best Regards
Oliver


  • Posts: 24

  • Gender: Unknown
  • Birthdate: Unknown
  • Attachments:
    Last edit: 1 year 2 months ago by Christine Berlenbach.

    Please Log in to join the conversation.

    1 year 2 months ago #3441 by __Mike__
    Hi there,

    custom.scss
    .g-main-nav .g-toplevel {
        font-weight: 500;
        text-align: center;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 75%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,0.65)), color-stop(75%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
    }
    .g-main-nav a {
        color: #444;
    }

    Cheers

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1550

  • Gender: Male
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    1 year 2 months ago #3442 by Christine Berlenbach
    Hi Mike,
    you are soooo good :-)
    Thanks, is there a possibilty to get the mouse over color in when i go over the menu navigatin items, like it was before or in Mountains1 Template.
    so when i go over with the mouse the coror changes?
    Thank you
    Best Regards
    Oliver


  • Posts: 24

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    1 year 2 months ago #3443 by Christine Berlenbach
    h i see when i take the
    .g-main-nav a {
    color: #444;
    }
    out it will change the color :-)
    is there a possibility that the color stay on the menu where i am, if not its also okay for me.
    thanks again for the great support :-)
    Best Regards
    Oliver


  • Posts: 24

  • Gender: Unknown
  • Birthdate: Unknown
  • Please Log in to join the conversation.

    1 year 2 months ago - 1 year 2 months ago #3444 by __Mike__
    e.g

    hover header font color
    .g-main-nav a:hover {
        color: grey !important;
    }

    active header font color
    .g-main-nav a {
        color: #444!important;
    }

    is there a possibility that the color stay on the menu where i am, if not its also okay for me.

    li.active a {
        color: red;
    }

    Thanks

    - Please search forums before posting.
    - Chrome DevTools is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions.
    - If a thread is solved please edit your original / first post and place "[SOLVED]".



  • Posts: 1550

  • Gender: Male
  • Birthdate: Unknown
  • Last edit: 1 year 2 months ago by __Mike__.

    Please Log in to join the conversation.

    1 year 2 months ago #3445 by Christine Berlenbach
    Hi Mike,
    thank you works also perfekt :-)
    only one last question, i see on 2 menus i have no scrollbar at the left, and then when i change to another tab in the navigation menu the site jumps...
    how can i make scollbar on each side?
    Then iam finished with this site ;-)
    thank you
    Best Regards
    Oliver


  • Posts: 24

  • Gender: Unknown
  • Birthdate: Unknown
  • Attachments:

    Please Log in to join the conversation.

    Why Choose WebKomp?

    With all the Joomla Templates and WordPress Theme providers out there, why choose us?  Here are many reasons why a WebKomp template/theme would be a good fit for your website:

    • 47+ Templates and Themes
    • We offer a 14-day money-back guarantee
    • Nice Designs - We take pride in our work and we always looking ways to improve the next template release.
    • Affordable - Our prices are low.
    • Free Support - Need help? Just contact us
    • No Backlink Required - You can shut it off in the template's admin panel.
    • Nice Framework - WebKomp templates are powered by Warp7, Helix, T4, Gantry5 intuitive, wonderful  fast, lightweight, and feature-packed frameworks.
    • Easy to Customize - The admin panel provides many useful options that can be easily tweaked from the backend, easily, change fonts, colors, presets and more.
    • Our templates are based on the open Warp 7 , Helix, T4 and Gantry 5 Framework - Refer to the official Warp documentation, T4 Framework , Helix3/Ultimate, Gantry 5, Astroid for comprehensive info about how to use and expand the frameworks.
    • Sample Data Available - Quickstart Package allow you install in few clicks theme/template, extensions/plugins and demo data, in final you get full website exactly the same like on demo.
    • Mobile Friendly - All templates on this site are now responsive, meaning they automatically adjust to any screen resolution.  
    • The Single Template/Theme(12 Months Membership) is dedicated to all customer that need only one Template/Theme for their business or private project.