Button in Menu Navigation

Support
#1

Hi,

I’m trying to use “Graphic Display” to show a button in my top nav menu in the header - using the X theme,

In the Menu I entered the URL of where the image lives for “Image Primary”, specified image height and width but can’t get it to show up. Is this only for icon shortcodes? If so how do I get a button in my Menu nav?

Also - I noticed I can use <button></button> in the navigation label but how do I stylize it and disable the underline on hover?

Cheers,
Shane

#2

Hello Shane,

Thanks for writing in!

Please take a look at following tutorials to display button in navigation area:

To remove the underline on hover, please add following CSS under X > Theme Options > CSS:

.x-navbar .desktop .x-nav > li > a:hover > span {
    box-shadow: none !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.