Showing fixed navbar menu items...

I am using the Sparkling theme. Right now when I scroll the logo shows and the menu is collapsed.

The site is under development at :

I would like to show the elements of the home menu when the site scrolls. Similar to the way the current menu works:

I would like to know where and how I can make the changes to the child theme to make that happen.

Your help is appreciated.

I have just move the wordpress site to the primary domain:

This is where I would like to implement the fixed nav-bar with elements showing. The old site and the nav-bar that I am trying to create can be found at:

Thanks in advance for your help.

Hi @kgsfca,

I hope you are well today and thank you for your question.

You can achieve this by activating the Sticky Header option of theme in the theme header settings as shown in the attached screenshot.

Best Regards,

I have done that already. If you go to the site : you will see that the logo is there but the menu is collapsed. I would like to have the menu NOT BE collapsed - especially when you scroll on a mobile device. If the logo dissappears - that will be ok.

Ideally I would like to have the menu behave similar to the example site :

In the example the logo and the menu items appear at the same time and stay fixed when you scroll.

Any thoughts on this? There was an earlier post that stated that you had provided CSS code to have the logo scroll off the screen but the menu elements would show. Unfortunately the code was not there.
Thanks in advance for your help.

Are you talking about the mobile menu as shown in the attached screenshot?

Do you want to display mobile menu same as desktop menu or anything else?

Please be a bit specific and if possible share screenshot of it.

I would like the menu bar to look like the first image on a mobile device - not necessarily the same color/font. This menu has the logo left justified (gives more space) and all the menu is not collapsed. You can go this link directly at:

Currently the colorlib theme is generating this menu as shown in the 2nd image. This has a collapsed menu. The link is: Let me know what code I can add to the CSS to have the menu function like the first image.

Thanks in advance for your help.

To achieve this, you have to develop custom code.

Developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer

I don’t have the budget to develop custom code. I don’t need to make it look exactly like the old menu.

I just need a way to have the menu NOT collapse in mobile mode. I don’t necessarily even need the logo there during scroll (or the logo can be on top and scrolls off) but I would like to see the non -collapsed menu items there. There are only 5 so there is space.

One of your support threads suggested a piece of code but the code was not there. I would just like to experiment with the code and see if I can make it work.

Would appreciate your help. Thanks.

In that case you have to develop CSS code using media query and overwrite the CSS code that displays mobile menu.