-
AuthorPosts
-
January 5, 2016 at 8:01 pm #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!
January 6, 2016 at 3:01 am #560244Hey 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,
ElliottJanuary 6, 2016 at 4:39 am #560301Hey 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
January 6, 2016 at 5:15 pm #560640Hey 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!
YigitJanuary 6, 2016 at 5:33 pm #560658Nice 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…January 6, 2016 at 11:15 pm #560812Hi!
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!
YigitJanuary 6, 2016 at 11:47 pm #560836Hmmmm:
January 7, 2016 at 7:35 pm #561464Hi!
Right :)
Do you mind creating a temporary admin login and posting it here privately?Regards,
YigitJanuary 7, 2016 at 7:39 pm #561467Hey Yigit…it’s the followng
January 8, 2016 at 1:31 am #561710Hi!
I adjusted and added additional code in Style.css file of your child theme. Please review your website now
Regards,
YigitJanuary 8, 2016 at 3:42 am #561775Yigit, thanks. That was a clever way to resolve the primary tabs. I appreciate it
JustinJanuary 8, 2016 at 3:43 am #561776I wonder why the CNTACT tab is cut off though…
January 8, 2016 at 3:51 am #561781Hi!
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,
YigitJanuary 8, 2016 at 4:41 am #561798Looks great! Thank you.
January 8, 2016 at 1:14 pm #561923 -
AuthorPosts
- The topic ‘Custom Navigation’ is closed to new replies.