Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #560111

    Hey guys….what are the odds of my getting my navigation to function as you see here:
    Doable you think? The tab animation?

    Thanks! Happy New Year!

    #560244

    Hey Justin!

    Send us a link to your page and we’ll take a look. We can give you some CSS code to get started but the animation might be a bit difficult. You can read up more on it here, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions.

    Best regards,
    Elliott

    #560301

    Hey Elliot…the top link is the work in progress. I am moving from Kentico’s CMS to a Wordpres solution. The bottom link is the original site.
    Thanks for the link, I will take a look…

    JS

    #560640

    Hey Justin!

    Please add following code to Quick CSS

    #top #header .av-main-nav > li > a:hover {
        height: 90px;
        margin-top: 0px;
        opacity: 1;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
    }
    #top #header .av-main-nav > li > a {
        color: #555;
        font-size: 18px;
        height: 75px;
        background: white;
        margin-top: 15px;
        opacity: 0.7;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Happy new year to you too!

    Cheers!
    Yigit

    #560658

    Nice dude.
    I can try to center the dropdown and see what happens.
    And I am assuming that the arrow is a graphic implementation within the CSS? See link…

    #560812

    Hi!

    Markers should be added in markup actually. But please try adding following code to Quick CSS as well

    .av_minimal_header .avia-menu-fx {
        display: block;
        background: transparent!important;
        top: 13px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .avia-menu-fx .avia-arrow-wrap .avia-arrow {
        top: 7px;
        visibility: visible!important;
        background: red!important;
        border: none!important;
    }

    Cheers!
    Yigit

    #560836

    Hmmmm:

    #561464

    Hi!

    Right :)
    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    #561467

    Hey Yigit…it’s the followng

    #561710

    Hi!

    I adjusted and added additional code in Style.css file of your child theme. Please review your website now

    Regards,
    Yigit

    #561775

    Yigit, thanks. That was a clever way to resolve the primary tabs. I appreciate it
    Justin

    #561776

    I wonder why the CNTACT tab is cut off though…

    #561781

    Hi!

    Please add following code to Quick CSS as well

    .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
        padding-right: 13px;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #561798

    Looks great! Thank you.

    #561923

    Hey!

    You are welcome Justin. Let us know if you have any other questions or issues.

    Best regards,
    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Custom Navigation’ is closed to new replies.