Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 18, 2018 at 3:52 am #986738
    strengthcoaching

    Is there a way to make one of the navigation menu elements look like a button? Here’s a picture of the effect i’m going for. https://imgur.com/97ctutt

    July 18, 2018 at 3:54 am #986740
    strengthcoaching

    View post on imgur.com

    July 18, 2018 at 8:04 am #986823
    Rikard

    Hi,

    You can set that under Appearance->Menus. Expend the menu item then select the button style in the menu style option.

    Best regards,
    Rikard

    July 18, 2018 at 4:33 pm #987086
    strengthcoaching

    Great thanks! 2 other quick things…

    1. How can I customize the color of that navigation button? I don’t want to change all buttons. Just this one.

    2. When scrolling and the nav stays at the top the button element hangs over the lip. How do I fix that? Here’s an image to show what I mean. You can see it clearer if you click on the image and open it at imgur.

    View post on imgur.com

    July 19, 2018 at 7:15 am #987282
    Rikard

    Hi,

    Thanks for the screenshot, though we need to be able to inspect the element in question in order to give you correct CSS. Could you post a link to where we can see it please?

    Best regards,
    Rikard

    July 19, 2018 at 8:58 pm #987627
    strengthcoaching

    Sure thing. This element is on almost all of my pages at http://www.strengthinnumberscoaching.com

    July 20, 2018 at 5:48 pm #987935
    Victoria

    Hi strengthcoaching,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .header_color #menu-item-2980.av-menu-button-colored > a .avia-menu-text {
    background-color: #7e888a;
    color: #ffffff;
    border-color: #969d9e;
}
#top #wrap_all .header_color.header-scrolled.header-scrolled-full #menu-item-2980.av-menu-button-colored > a .avia-menu-text {
  padding: 7px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 20, 2018 at 5:52 pm #987939
    Lol5tar

    Wow I was just looking for this and it popped up 2 mins ago! Does this work in the mobile version too? I’d like to stayed the outlines button to be another solid colour

    • This reply was modified 6 years, 5 months ago by Lol5tar.
    July 21, 2018 at 7:14 am #988126
    Rikard

    Hi Lol5tar,

    I don’t think it will apply on mobile unfortunately, if you need help with CSS then please post a new thread and include a link to your site and we’ll give you some code to use.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.