Docs

[Jason]

I dont mind about the logo. I can easily delete it and replace it!

[Joao]

Glad to hear it,

Have a great day.

Joao

[Jason]

Hello! I dont think your css code worked. I’m still gettif tbr same results without the code

On large devices (laptops, desktops) i want the nav bar to be transparent. The nav bar link colour is black but in mobile devices, i want the font colour for thr nav bar links to bd white but with a black background! Is that possible!

[Joao]

Please use this instead :

@media(max-width: 769px) {
.x-navbar {
    background-color: black !important;
} 
.x-navbar .desktop .x-nav>li>a>span {
    color: white !important;
}
}

Thanks

Joao

[Jason]

no. i meant that on a mobile device, when i click the little nav bar toggle, that little “popup” which appears , i want that font colour to be white and the background to be black

[Christopher]

Hi there,

Please add this code :

.x-navbar .mobile .x-nav li>a:hover, .x-navbar .mobile .x-nav .x-active>a, .x-navbar .mobile .x-nav .current-menu-item>a {
    color: #fff;
}

As we asked you previously, if you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[Jason]

Yes. I know ! It’s just that my many questions were related to this topic. Also one last thing in this topic!

On a desktop, my nav bar text is supposed to be black but it appears invisible. But only when I hover over the menu item is when I can see the nav bar menu item (eg home).

Also on a mobile device, when I click the little nav bar toggle, I can’t see any menu item of mine!

Please help

So just a short summary of what I want.

1.) On a mobile device, I want my menu bar toggle to appear without the box (this had been done) . When I click that little toggle, a little “pop-up” shows my various nav bar menu items appear . The text will be in white and the background of this “pop-up” will be black (NOT THE NAV BAR)

2.) On a desktop and larger devices, I want the nav bar text to be black and which can be seen (right now it can’t be seen)

[Joao]

Hi,

I can see why that is happening it is because you have manipulated the codes provided without much care and also the other parameters of your Customizer. This is forcing us to provide you the same solutions over and over again and it is not constructive for you or productive for us. Don´t take me bad I really want you to achieve your goals, but you need to be more careful when handling the CSS provided otherwise we end up for the second time with a 5 pages long thread to solve something that could be easily solved on the first page.

1- Your Navbar links are white, because on Appereance > Customizer > Header > Links Color it is white, please select the color you would like.

2- Your Navbar button is not working at all, this is probably being caused by a plugin conflict, I also noticed when your website is about to load the CSS takes a few seconds to load, and that is much likely because of the optmization plugins and minification plugins you are using that are not setup correctly. I would reccomend you using this plugins just when your website is done.

3- Please update your Custom CSS to:

.x-navbar {
position: relative;
  width:100%;
background-color:transparent !important;
box-shadow: none;
border: 0;
       }
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: auto;
       }

.masthead-inline .desktop .x-nav {
float: left;
width: 87%;
}

#menu-item-187 {
  
float: right;

 
  
}

#menu-item-187 a {
    color: black;
    border: 1px solid black;
    padding-top: 16px;
    height: 45px;
    margin-top: 22px;
    padding-left: 35px;
    padding-right: 35px;
}
#menu-item-187 a span {
    box-shadow: none;
}
#menu-item-187 a:hover {
    color: black;
    border-color: white;
    background-color: white;
    box-shadow: none;
}

.rev_slider_wrapper, a.x-img-thumbnail:hover, .x-slider-container.below, .page-template-template-blank-3-php .x-slider-container.above, .page-template-template-blank-6-php .x-slider-container.above {
    border: none;
}

.current-menu-item.menu-item-187 a {
    box-shadow: none !important;
}

.x-btn-navbar, .x-btn-navbar.collapsed {
    background: none;
    box-shadow: none;
}
@media (max-width: 969px) {
.x-navbar .desktop .x-nav>li>a>span {
    color: white !important;
}
http://www.adeford.com/ .x-nav li>a:hover, .x-navbar .mobile .x-nav .x-active>a, .x-navbar .mobile .x-nav .current-menu-item>a {
    color: #fff;
}
}

.x-navbar .mobile .x-nav {
    background: black;
    padding: 20px;
}

Let us know if you need further help.

Joao

[Author]

Posts