Docs

[EnchantedForest16]

I am looking for a simple solution to remove the custom css code we added into the x-nav. Currently the theme has a button, which has been adjusted through margins. When on mobile the margins cause the menu to overlap the inherent lines, and the colored button looks off. Do you have a code to revert the mobile portion back to it’s original state, without affecting the css code added to the site?

http://www.enchantedforestmendo.com/

thanks!

[Thai]

Hi There,

Please update your custom CSS to this:

.x-navbar .desktop .x-nav > li.request-demo > a {
     color: #fff;
     background: #eeb819;
 -moz-box-shadow:   0px 0px 16px 4px #5863dd;
  -webkit-box-shadow: 0px 0px 16px 4px #5863dd;
  box-shadow:         0px 0px 16px 4px #5863dd;
}

.x-navbar .desktop .x-nav > li.request-demo > a:hover { 
    background-color: #fed351;
 color: #fff;
 -moz-box-shadow:   0px 0px 16px 4px #5863dd;
  -webkit-box-shadow: 0px 0px 16px 4px #5863dd;
  box-shadow:         0px 0px 16px 4px #5863dd;
}

Hope it helps 🙂

[EnchantedForest16]

Awesome! You fixed the glow code, perfectly.

Now, is there a way to adjust the margin on MOBILE, so when the menu is reduced, the words are centered between the lines? Also, is there a way to remove the yellow/glow only on Mobile, but keep it on desktop?

[EnchantedForest16]

The screenshot I attached didn’t work… so here it is again.

[Christopher]

Hi there,

Please add this :

.x-navbar .mobile .x-nav > .menu-item>a {
    padding-bottom: 33px;
}

Update previous code to :

@media (min-width:979px){
.x-navbar .desktop .x-nav > li.request-demo > a {
     color: #fff;
     background: #eeb819;
 -moz-box-shadow:   0px 0px 16px 4px #5863dd;
  -webkit-box-shadow: 0px 0px 16px 4px #5863dd;
  box-shadow:         0px 0px 16px 4px #5863dd;
}

.x-navbar .desktop .x-nav > li.request-demo > a:hover { 
    background-color: #fed351;
 color: #fff;
 -moz-box-shadow:   0px 0px 16px 4px #5863dd;
  -webkit-box-shadow: 0px 0px 16px 4px #5863dd;
  box-shadow:         0px 0px 16px 4px #5863dd;
}
}

Hope it helps.

[Author]

Posts