Docs

[gregorylmartin]

My website is landscapelightingpros.com.

I would like to move the free trial button over to the far right, then give it a background color. But, I only want the background color to be right around the menu item, leaving some black space around all the edges. When I try this it simply doesn’t work. I just want the free trial button to look really good at the top right of the page. I know how to move it to the far right, I just can’t seem to get the background color to take up the right amount of space. In fact, when I try to give it padding, it moves under the home button and expands the menu making it look ridiculous. Any help or ideas would be appreciated.

[Rupok]

Hi there,

Thanks for writing in! You can add the item as last item. Then add this under Custom > CSS in the Customizer.

.x-navbar .desktop .menu-item:last-child {
  position: absolute;
  right: -200px;
}
.x-navbar .desktop .menu-item:last-child a > span {
  background-color: rgb(121, 186, 37);
  padding: 10px;
  margin-top: -10px;
}

Hope this helps.

[gregorylmartin]

That code just makes my menu item disappear.

[Rupok]

Hi there,

Thanks for writing back. I don’t see the suggested code rather some other code that might have overwriten the code. I have tested the code on your site and should work fine. Make sure to add this properly and update us keeping the code if that doesn’t work.

[Author]

Posts