Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 31, 2015 at 11:02 am #421036
    Eleina_Shinn

    I was wondering, is there a way to choose button style “Bordered” for my menu style, but have it behave just like the default style?, i.e. the bordered style would only show up on the current menu item as well as a menu item on hover….

    Let me know. Thank you!

    March 31, 2015 at 3:22 pm #421198
    Yigit

    Hi Eleina_Shinn!

    Please post a screenshot and show the changes you would like to make so we can provide you more accurate solution. A link to your website would help as well :)

    Regards,
    Yigit

    March 31, 2015 at 6:06 pm #421419
    Eleina_Shinn
    This reply has been marked as private.
    March 31, 2015 at 6:07 pm #421420
    Yigit

    Hey!

    You can upload your screenshots on imgur.com or Dropbox public folder and post them here :)

    Best regards,
    Yigit

    March 31, 2015 at 6:11 pm #421425
    Eleina_Shinn
    This reply has been marked as private.
    April 2, 2015 at 4:28 am #422256
    Andy

    Hi!

    to change hover color:

    #top #header .av-main-nav > li > a:hover .avia-menu-text, #top #header .av-main-nav > li > a:hover .avia-menu-subtext {
background: red;
}

    to change current page menu color:

    #top #header .av-main-nav > li.current-menu-item > a .avia-menu-text, #top #header .av-main-nav > li.current-page-item > a .avia-menu-subtext {
background: green;
}

    You might need to clear browser cache.

    Hope this helps.

    Regards,
    Andy

    April 3, 2015 at 4:55 pm #423161
    Eleina_Shinn
    This reply has been marked as private.
    April 3, 2015 at 5:43 pm #423186
    Eleina_Shinn

    One more thing: I moved the sub-menu up higher beneath the main menu – because lining up with slider is too low, and looked awkward – but when you scroll doen with sticky header, it then overlaps main menu item…. how could I fix that?

    This is the css I used to move the sub menu up higher:
    .av-main-nav ul {margin-top: -45px; }

    and I ususally use.avia-menu-fx { bottom: 20px; } to fix the scrolling problem, but with this bordered button look, it didn’t work …
    thank you!

    April 6, 2015 at 4:20 pm #423988
    Elliott

    Hi!

    1. + 2. Go ahead and take a screenshot and highlight the changes your trying to do and we’ll give you some CSS to use.

    3. Add this.

    .header-scrolled .av-main-nav ul { margin-top: 0px !important; }

    Cheers!
    Elliott

    April 7, 2015 at 8:42 pm #424927
    Eleina_Shinn

    Okay, thank you Elliott…. it’s looking great now, and I’m keeping notes :)

    Thank you for such wonderful support; I really don’t want to use any other theme from this point forward….

    April 8, 2015 at 8:24 am #425121
    Rikard

    Hi!

    Great, glad we could help. Please let us know if you have any more questions or problems.

    Best regards,
    Rikard

    July 24, 2020 at 10:08 pm #1233094
    rcano

    I’m looking to create this same effect, however I can’t seem to get the menu bar border color to be transparent. I’ve got the background color and border color working on the active page and on hover but I can’t seem to display none of the bordered white color on the entire live menu.

    July 24, 2020 at 10:18 pm #1233095
    rcano
    This reply has been marked as private.
    July 25, 2020 at 2:00 am #1233109
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    July 27, 2020 at 9:06 pm #1233589
    Eleina_Shinn

    All good, you can close, thank you!

    July 27, 2020 at 10:12 pm #1233593
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘MENU / Button Style (Bordered) – only on Hover and Current Menu Item? Like you’ is closed to new replies.