# Change Shapely menu from "fixed" to "scrolled"

**URL:** <https://colorlibsupport.com/t/change-shapely-menu-from-fixed-to-scrolled/12937>\
**Category:** Shapely\
**Created:** [October 28, 2016, 1:22pm UTC](https://colorlibsupport.com/t/change-shapely-menu-from-fixed-to-scrolled/12937 "2016-10-28T13:22:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![exenewyorker](https://colorlibsupport.com/user_avatar/colorlibsupport.com/exenewyorker/32/3621_2.png) [@exenewyorker](https://colorlibsupport.com/u/exenewyorker)\
**Post date:** [October 28, 2016, 1:22pm UTC](https://colorlibsupport.com/t/change-shapely-menu-from-fixed-to-scrolled/12937/1 "2016-10-28T13:22:20Z")

</div>

How can I change the behavior of the top menu to not remain fixed and scroll with the page?

Thanks,  
Diana

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 1, 2016, 1:51pm UTC](https://colorlibsupport.com/t/change-shapely-menu-from-fixed-to-scrolled/12937/2 "2016-11-01T13:51:53Z")

</div>

Hi Diana,

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

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

```auto
nav#site-navigation {
    position: relative;
}

```

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![artsabord](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/a/ce73a5/32.png) [@artsabord](https://colorlibsupport.com/u/artsabord)\
**Post date:** [January 18, 2017, 8:06pm UTC](https://colorlibsupport.com/t/change-shapely-menu-from-fixed-to-scrolled/12937/3 "2017-01-18T20:06:18Z")

</div>

Hello, I want do the same in shapely great theme that I discover fews days ago. For now, the menu appears at the top right on the home page and when page scroll it disappears. I would like to keep the main menu fixed at the top of the screen when scrolling. So when the main page scrolls, the menu is visible and it’s easy to go in different part on the home page.

I tried your tips but don"t work with mine. Any advice?

By the way I have a second question : I want add in the menus anchor points so when I click on Contact in the menu on top, it scrolls down to the Contact part in home page.  
I tried to add custom menu links and put the section name after a hashtag but without success.  
Thank in advance for help,  
damien

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [January 19, 2017, 8:04am UTC](https://colorlibsupport.com/t/change-shapely-menu-from-fixed-to-scrolled/12937/4 "2017-01-19T08:04:09Z")

</div>

@damien To help us keep support thread separates could you please create your own thread for your question here [https://colorlibsupport.com/c/shapely/](https://colorlibsupport.com/c/shapely/) instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.