Docs

[Benjamin H]

Hello,

I am trying to add icons to my menu bar, which I was able to do as indicated from others’ questions about this same item. However, there are a couple of specific things I would like to do with my site (http://www.ntbcnj.org)

1. Is there anyway to get a hexagon background shape behind the icon, rather than the rectangle?

2. Can I get the icons centered in the box, so they don’t hang off the edge?

3. Can I bring the text up so that it is centered next to the icons?

Thanks!

[Rupok]

Hi there,

Thanks for writing in!

#1. It would be a bit complex coding. You can utilize this – http://csshexagon.com/

#2. It’s already centered. You can increase some padding to check this :

.x-navbar .x-icon {
  padding: 5px;
}

#3. You can use something like this :

.x-navbar .x-icon {
  bottom: 7px !important;
}

.x-navbar .desktop .x-nav > li > a {
  padding-top: 10px;
}

Let’s adjust the values if needed. Unfortunately we can’t assist much on such customization as it’s out of our support scope. But I believe the above code will help you to move forward.

Cheers!

[Author]

Posts