Docs

[Aaron]

This works, however the color for some reason isnt changing… I will try figure out a solution thanks!

If I wanted to remove the logo image, to upload an alternative, how can I remove it from .x-brand class and then if I add my own via css background-image class can I do that?

Also the header is fixed but I would only like it fixed on every page expect the home page

[Christopher]

Hi there,

In regards with color, please clarify what the issue is. It’s changing color on hover state properly.
You can change logo image under Customize -> Header.

Please add following code in Customize -> Custom -> CSS :

.home .x-navbar-fixed-top {
    position: relative;
}

Hope it helps.

[Aaron]

That does not work, can I just keep it fixed but make the text color black so its seen under the white background?

When you hover over links it doesn’t hover the blue i want which is : #33cdff

The logo can be changed, however I want to use 2 logos, one with white logo the rest of pages have a the original blue logo

[Rad]

Hi there,

The blue hover works on my end, would you mind providing a visual guide like video to clarify the issue?

For the logo, please add this code to Admin > Appearance > Customizer > Custom > Javascript with the URL of your white logo.

jQuery('.home .x-brand img').attr('src','//unitu.sambasoccerschools.com/wp-content/uploads/2016/05/unitu-logo-1.png');

Hope this helps.

[Aaron]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

 .home .demo-btn a:hover, .demo-btn a:hover, .demo-btn a span:hover {

  background-color: #33c3ff !important;
    color: white !important;
  }

Hope it helps

Joao

[Aaron]

Awesome thanks!

With the logo being white, on mobile it is unseen how can I add query/css to make it back to blue on mobile/when menu is collpased to hamburger, many thanks.

[Friech]

Hi There,

You can update the given JS code to this.

jQuery('.no-touchevents .home .x-brand img').attr('src','//unitu.sambasoccerschools.com/wp-content/uploads/2016/05/unitu-logo-1.png');

That will make the code triggered only, when the page is viewed on a desktop and not on touch devices (mobile).

Hope it helps, Cheers!

[Author]

Posts