Docs

[cthurston2131]

Is there a way with X to move the navigation to the header image like they are accomplished on the attached image?

[Jade]

Hi there,

You can do this if you create the image banner using Revolution Slider then setting the slider in the page’s Slider Settings: Below Masthead.

Hope this helps.

[cthurston2131]

Thank you for this information. I have created a new slider with this image as the background. I am not sure what you mean by setting the slider in the pages Slider Settings: Below Masterbead?

When I do this does that mean I remove everything in the Customizer for the header?

[cthurston2131]

I was able to get the slider in the header, now I am confused how to get the navigation menu above that, right now it is showing underneath the site is located at http://109.199.112.212/~hayesmot/devindodsonracing.com/ddr/ for you to take a look.

[Nabeel A]

Hi again,

Upon checking I see you’ve added CSS in your Cornerstone’s Custom JS which is breaking your site, please move it to Custom CSS instead.

Let us know how this goes!

[cthurston2131]

I have looked and I am not sure what custom CSS has been put in. I haven’t added any and do not show any in cornerstone.

[Christian]

Please give us access to your WordPress admin.

Thanks.

[cthurston2131]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the credentials. I’ve checked your page and it seems okay now. Could be cache. To move the navigation bar above your slider, add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
   $('.ubermenu.ubermenu-main').prependTo('.x-slider-container.above');
})(jQuery);

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[cthurston2131]

I have cleared my cache and entered the code however it did not move. I am also looking for the nav bar to be inside the slider like the image in the initial post.

[Friech]

Hi There,

I did go ahead and move the slider on the Below Masthead, and then bring the menu behind the slider with this Custom CSS.

.x-slider-container.below {margin-top: -75px;}
header .x-navbar {
	background-color: transparent;
	box-shadow: none;
	border-bottom: 0;
}

I’ve also made the navigation bar transparent so we can see the slider image through the navigation bar.

Do you really need to use the UberMenu? I think this setup is less complicated if you use the standard x menu instead. That means deactivating the UberMenu plugin.

Thanks.

[cthurston2131]

Thank you for doing that, I have deactivated the UberMenu. How do I move this to the right of that header so it shows in the orange area on the right.

[cthurston2131]

Next question is how do I get this to show on my en tire site? It is only showing on my homepage right now.

[Friech]

Hi There,

It is already on the right of the Header? Please clarify.

Set the Featured Slider Below Masthead on all of your pages.

Thanks.

[cthurston2131]

This is working on all of my pages, however it does not show on my post’s. (http://109.199.112.212/~hayesmot/devindodsonracing.com/ddr/2016/12/24/rookie-devin-dodson-runs-top-three-times-in-third-hickory-preseason-test/)

[Author]

Posts