how do i make a fixed naviagtion bar in shapely theme

Shapely
1

i am using shapely for my website i want a fixed navigation bar for my website how can i make that happen ?
i have tried some code but thats not working perfectly only home page navigation is getting fixed by that code not all pages.

so please tell me correct way of doing so

2

Hi @ethann,

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

I have tested it on my test site and it’s by dispalying fixed naviagtion bar fine for me using latest version of Shapely theme.

Could you please share me your site URL where it is not displaying fixed so that i can troubleshoot it?

Kind Regards,
Movin

3

thanks @Movin for your reply

i have not imported the demo content of shapely that’s why there was no fixed navigation bar but anyways i have managed to fix that issue.

4

Hey @Movin, Can you help me decreasing the height of navigation bar in mobiles only ?

5
Can you help me decreasing the height of navigation bar in mobiles only ?

In mobile the navigation bar displays as shown in the attached screenshot so please tell me in detail where you want to reduce its height?

6

i want to decrease the height of navigation bar when menu is closed as shown in attachment below:

7

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


#page .nav-container {
    min-height: auto !important;
}
#page .module.widget-handle.mobile-toggle.right.visible-sm.visible-xs {
    min-height: auto;
}
#page .container.nav-bar {
    height: 70px;
}