Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 11, 2014 at 9:21 pm #366914
    apower84

    Hi Support,

    How to get a topmenu item bordered?
    Have set the menu item “Contact us” to Menu Style / Button style (bordered) but only get it to work in the main menu?

    //Cheers!

    • This topic was modified 10 years ago by apower84.
    December 11, 2014 at 11:09 pm #367007
    Elliott

    Hi Mattias!

    That option is only for the main menu. You can do some custom styling on the secondary menu though.

    You can target that item with this.

    #menu-item-1458, #menu-item-1458 a {  }

    Regards,
    Elliott

    December 12, 2014 at 12:27 am #367056
    apower84

    Cool im still learning CSS so i can do this on my own later, can you please provide me with CSS code i want the border to be white and and font px to be 12px.

    Cheers!

    December 12, 2014 at 12:52 am #367063
    Flikk

    http://www.w3schools.com/css/css_border.asp
    border-color: white;

    http://www.w3schools.com/css/css_font.asp
    font-size: 12px;

    December 12, 2014 at 1:02 am #367071
    apower84

    Hi Flikk,

    Thank you added some more CSS and now it looks good!
    But in responsive mode it looks crap? and how to fix the hover CSS?

    #menu-item-1458, #menu-item-1458 a {
border-color: white;
font-size: 14px;
border-style: solid;
padding: 8px;
}
    • This reply was modified 10 years ago by apower84.
    December 12, 2014 at 7:29 pm #367447
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1200px) {
.av-main-nav > li > a { padding: 0 9px; }}

    Cheers!
    Yigit

    January 13, 2015 at 3:14 pm #378812
    apower84

    Thank you @Yigit and @Elliott.
    You can close this ticket now found a good solution :-)

    Cheers!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Topmenu / Button style (bordered)’ is closed to new replies.