Nav menu under slider - move slider above above main menu for Sparkling

Sparkling
1

Hi there,
Is it posible to move the nav menu under the futured slider on the homepage?
So the header is on top and then the menu?

Thanks for your time!

2

I am also interested in this feature.
I want to have two menus, the actual menu and other under the slider.

Thank you for the free theme, and I will hope it for the next update.

3

Adding slider above menu is rather simple.

Take this code from header.php

<div class="top-section">
	<?php sparkling_featured_slider(); ?>
	<?php sparkling_call_for_action(); ?>
</div>

And move it right above this line of code in the same header.php file

<header id="masthead" class="site-header" role="banner">

Now you should see slider above navigation.

You can also get this done via Child Theme. You can download a sample Sparkling Child Theme from here and then copy/paste header.php file from Parent Theme folder to Child Theme and do above mentioned changed there. That way all your changes will be still in place even after you will install future theme updates.

4

Thank you!

5

@rographic

Please post your website URL as something doesn’t sound right at all as menu is aligned to right side by default.

6

rolinkaversluis.nl/testsite

7

Nice modification for this theme!

To center navigation for Sparkling WordPress theme you can add this simple code to Appearance >> Theme Options >> Other >> Custom CSS>

.nav.navbar-nav {
  float: none;
}

@media (min-width: 1100px) {
  .nav.navbar-nav {
    width: 55%;
    margin: auto;
  }
}

Let me know if this helps.

8

Thnx! I’d put him at 80 %, now it is in the middle!
Thank you! one more thing, H3 will not scale when put on size +24 on the right sub menu. Is there an !important missing? or is it the font that does’nt respond?

9

Most likely you either targeted a wrong CSS selector or make some error it your code. You can change sidebar title font size by using code like this:

#secondary h3.widget-title {
 font-size: 24px; 
}

Let me know if this is what you were looking for.

10

Thanks thats it! Thnx for your support!

11

hi there,I have the same problem.
But I don’t have the code in my header.php

<div class=“top-section”>
<?php sparkling_featured_slider(); ?>
<?php sparkling_call_for_action(); ?>
</div>

what can I do?

thank you and bye

12

sorry same problem but wrong theme…
I have ob my site the unite theme