Docs

[simonpurdon]

Hi,

Is there anyway to completely remove the bar that appears on the menu when you click on the items? I’ve managed to remove them when hovering, but can’t remove it for the menu item “me” and also can’t remove it for the current selected tab.

Also, you will see there’s a thin line between the logo and the menu, anyway to remove this?

Many thanks,
Simon

[simonpurdon]

This reply has been marked as private.

[simonpurdon]

Another thing, do you know how to centre the whole menu underneath the logo? It’s clearly more over to the right.

[simonpurdon]

Alternatively from removing the bar, anyway to “border” the entire menu as in the image attached?

[Joao]

Hi There,

Please add to Appereance > Customizer > Custom > CSS :

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: none;
}
..masthead-stacked .desktop .x-nav {
padding-left: 0; 
}

Hope that helps,

Thanks

Joao

[simonpurdon]

Thanks,Joao.

Any way to border the menu as in the photo attached above?

[Rahul]

Hi there,

Thanks for writing in! To add the border add the following CSS code via Appearance > Customize > Custom > CSS:

ul.main-menu {
background-color: #2c3c50 !important;
border: 1px solid red !important;
}

Let us know how this goes!

[simonpurdon]

Hey,

that didn’t work for some reason.

[Christopher]

Hi there,

Please try this code :

.x-logobar,.x-navbar {
    border-bottom: 1px solid red;
}

Hope it helps.

[simonpurdon]

That worked, thanks!

Having one more issue with some fonts. I’m trying to add a specific font: Quicksand (Google font), to some text and have tried both inline css and creating a class and pointing to the specific font like this:

.p2 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Quicksand", sans-serif !important;
}

and then pointing to it in the text like this

<span class="p2"><br>Read More></span>

but it does not change to the font Quicksand. Any idea why it would not be working?

[Christopher]

Hi there,

Please add this code in child theme’s style.css file :

@import url(https://fonts.googleapis.com/css?family=Quicksand);

Hope it helps.

[simonpurdon]

Hey, that worked great thanks.

I’m having another issue – sorry!

In the footer area of my site I have some text “The people” and “The Vision” and as you can see the text seems to have a bold look about it as if there are two layers to it. Do you know what could be causing this?

Thanks,
Simon

[Thai]

Hi Simon,

To remove the box shadow, please add the following CSS:

.textwidget {
    text-shadow: none;
}

Hope it helps 🙂

[Author]

Posts