Docs

[Zeshan]

Hi there,

I’ve replaced the code in your Customizer custom JS with following:

jQuery(document).ready(function($){
  $('.home .x-navbar-fixed-top, .home .x-navbar').css("background-color", "transparent");
  $(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
      $('.home .x-navbar-fixed-top').css("background-color", "#fff");
    } else {
      $('.home .x-navbar-fixed-top').css("background-color", "transparent");
    }
  });
});

The transparent navbar effect should now only be visible on homepage. However, this will change the background color of your other pages navbar back to blue, if you need it to be white instead on other pages, use following CSS code under Custom > CSS in the Customizer:

.x-navbar {
  background-color: #fff;
}

Let us know if you still face any issue.

Thanks!

[wpStan.com]

Thanks!! This works perfect 🙂

I have a few more questions, but I try to resolve them on my own first.

Again Thank you for all the support!! Just what I needed.

[Zeshan]

You’re most welcome! Good luck with that! 🙂

[wpStan.com]

Hey guys,

My site is still at: stan.wpstan.com

I noticed there is dark blue background to my Nav Bar in the customizer, (but not on the regular site) I don’t know why this is there or how to change it. (see image below)

http://prntscr.com/79zogt

1.) Is there a way to make my Nav Bar background in the CUSTOMIZER match the Nav Bar background of the actual live site? My live site Nav bar has a white background.

I have set my nav bar background color with the custom CSS code below, but the blue Nav Bar background still shows in the CUSTOMIZER

.x-navbar {
  background-color: #FFFFFF;
}

2.) How do I make the White background on the NAV Bar NOT appear until people scroll down to the next section as on this site: http://bigdropinc.com/

3.) How do I change the color of my “Site Text Logo” and “NavBar Text” (http://prntscr.com/7cdy38) when people SCROLL DOWN. I like them at White before people scroll, but once people scroll I’d like to be able to change the color.

similar to how http://bigdropinc.com/ changed their color when people scroll down

4.) How do remove the extra white space on the top of my site for mobile devices? (see image below) so that it looks just like my site on a laptop or desktop?

http://prntscr.com/7cg1mo (mobile version of site)

[wpStan.com]

Please see above. I tried deleting this message, but don’t know how to delete on here.

[Christopher]

Hi there,

It seems you have already fixed #1 , #2 and #4.

#3 Would you provide us with jQuery you used for part 2?

For now try this code:

.x-navbar.x-navbar-fixed-top .x-brand,.x-navbar.x-navbar-fixed-top .x-navbar .desktop .x-nav > li > a {
  color: red;
}

Thanks.

[wpStan.com]

This reply has been marked as private.

[Alexander]

Hi there,

Regretfully, we won’t be able to assist much further here. We’re getting more and more into custom development, which is outside the scope of support we can offer. I see you have very specific needs here. When it comes to customizations we can offer some general advice, but you’re responsible for the final implementation. Should you need further customization beyond the theme’s capabilities, we would suggest hiring a developer to assist you.

[wpStan.com]

Thanks for the assistance so far, I appreciate it.

Do you guys provide any recommendations for X Theme Developers?

[Rue Nel]

Hello There,

For more assistance, you might want to contact our trusted partners who caters X setup and customization needs. Please see Our Trusted Customization Partners.

Thank you.

[Author]

Posts