Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 20, 2015 at 5:20 pm #415415
    InvivoGraphic

    Hi Enfold team,

    Thank you in advance for your fantastic support.

    I have one customization at the menu that I try to achieve with no success.

    Here is the desired results that I would like to make: http://d.pr/i/1fn2I
    On current menu item I would like to see a button (orange background with white text).

    I tried many different combination of the menu item style (default/colored/bordered) but none of them gave me the desired appearance. One problem I had is that when I navigate to the sub-pages, the top level menu didn’t show the button style.

    Any change you can help me with it?
    Thanks a lot!
    Vivo

    P.s. I’m sending the credentials in the next private note

    March 20, 2015 at 5:22 pm #415417
    InvivoGraphic
    This reply has been marked as private.
    March 21, 2015 at 11:29 am #415706
    Ismael

    Hey!

    Thank you for using Enfold.

    Set the menu item style to “Button Style” then add this to the Quick CSS field to change the button color:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
  background: orange;
  border-color: black;
}

    Best regards,
    Ismael

    March 21, 2015 at 7:43 pm #415776
    InvivoGraphic

    Thank you very much Ismael.
    It works just perfect :)
    I appreciate your excellent support!
    Vivo

    March 23, 2015 at 6:53 am #416217
    Rikard

    Hi!

    Great, glad we could help :)

    Regards,
    Rikard

    March 23, 2015 at 7:40 am #416234
    InvivoGraphic

    Thank you Rikard!

    If I may open this ticket and ask for your help for a tiny modification.
    I found it most easily to explain what I’m looking for in this short movie (http://d.pr/v/1a5D4)

    Thanks SO much in advance!
    Vivo

    March 23, 2015 at 8:07 pm #416636
    Yigit

    Hi Vivo!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav li.current_page_ancestor > a > .avia-menu-text {
  background-color: #dd9933;
  color: white;
  padding: 6px;
  border-radius: 5px;
}

    Regards,
    Yigit

    • This reply was modified 9 years, 5 months ago by Yigit.
    March 24, 2015 at 8:11 am #416927
    InvivoGraphic

    Hi Yigit,

    Thank you SO much! It works perfect!
    I have only additional minor adjustment that I would like to apply If possible.

    I’ve made this short movie that explains what I’m looking for:
    http://d.pr/v/12MfW

    Thanks SO much in advance :)
    Vivo

    March 24, 2015 at 6:19 pm #417259
    Yigit

    Hi!

    Please review your website now. I changed the code to following one 

    .av-main-nav li.current_page_ancestor > a > .avia-menu-text,.av-main-nav li.current-page-ancestor > a > .avia-menu-text {
  background-color: #dd9933 !important;
  color: white !important;
  padding: 6px !important;
  border-radius: 5px !important;
}

    Cheers!
    Yigit

    • This reply was modified 9 years, 5 months ago by Yigit.
    March 25, 2015 at 7:33 am #417575
    InvivoGraphic

    Hi Yigit,

    Thank you SO much for helping me setting the menu appearance.
    It is almost perfect :)

    I only have a small minor glitch that I demonstrate in this short movie.
    would you be able to look at it?

    http://d.pr/v/17EPD

    Just to emphasise how much I appreciate your dedicated support!
    Cheers!
    Vivo

    March 25, 2015 at 5:40 pm #417965
    Yigit

    Hi!

    I have adjusted the code in Quick CSS field. Please review your website now

    .av-main-nav li.current_page_ancestor > a > .avia-menu-text,.av-main-nav li.current-page-ancestor > a > .avia-menu-text {
  background-color: #dd9933 !important;
  color: white !important;
  padding: 6px !important;
  border-radius: 5px !important;
}
.sub-menu li.current-page-ancestor > a > .avia-menu-text {
  background-color: inherit!important;
  color: #dd9933!important;
  padding: 0!important;
}
#top .av-subnav-menu > li.current-menu-item > a {
  background: #dd9933;
  color: white;
}

    Best regards,
    Yigit

    March 26, 2015 at 7:15 am #418340
    InvivoGraphic

    You are my hero Yigit! Thanks a million!!!! Toda Raba :))

    March 26, 2015 at 5:27 pm #418653
    Yigit

    Shalom!

    Bevakasha :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Changing Menu style’ is closed to new replies.