# Mobile Navigation Menu With RapidWeaver 7 or 8

**URL:** <https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099>\
**Category:** RapidWeaver Classic\
**Created:** [February 7, 2019, 4:43am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099 "2019-02-07T04:43:36Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jesse\_gomez](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jesse_gomez/32/13940_2.png) [@jesse\_gomez](https://forums.realmacsoftware.com/u/jesse_gomez)\
**Post date:** [February 7, 2019, 4:43am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/1 "2019-02-07T04:43:36Z")

</div>

Hello everyone I am new to the forums and new to using Rapid Weaver.  
I am currently testing on re-designing a new website I love what I see so far however when I view the following site on my mobile device (iphone) [https://wakeriderz.com/test](https://wakeriderz.com/test)  
and I click on the anchor link “About” it takes me there but the navigation menu bar remains open is there anyway I can make the main-nav bar disappear or auto close after clicking an anchor link without purchasing any other products? Please advise and help me thank you so much!

---

<div class="post-metadata">

**Author:** ![thang](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thang/32/303_2.png) [@thang](https://forums.realmacsoftware.com/u/thang)\
**Post date:** [February 7, 2019, 4:52am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/2 "2019-02-07T04:52:50Z")

</div>

It looks like you’ve put a “#” before “about” for the folder name in the page inspector . Try removing that and republish all files.

---

<div class="post-metadata">

**Author:** ![jesse\_gomez](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jesse_gomez/32/13940_2.png) [@jesse\_gomez](https://forums.realmacsoftware.com/u/jesse_gomez)\
**Post date:** [February 7, 2019, 5:17am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/3 "2019-02-07T05:17:15Z")

</div>

David,  
Is an anchor link it has to have the # before the anchor link id.  
Take a look at the current website not done in RapidWeaver see how is a single page website and has anchor links on the nagivation menu. I am trying to make this one the same to where when clicking on an anchor link the menu needs to disappear. [https://wakeriderz.com](https://wakeriderz.com)

---

<div class="post-metadata">

**Author:** ![thang](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thang/32/303_2.png) [@thang](https://forums.realmacsoftware.com/u/thang)\
**Post date:** [February 7, 2019, 6:19am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/4 "2019-02-07T06:19:47Z")

</div>

[ Edit: Very sorry Jesse - I’m wrong about that. I’ve forgotten a lot about working with non-stack pages. Apparently you can do it with an offsite page to the absolute url of the anchor. I found this thread which may be helpful:  
[Linking main navigation to a particular part of a page](http://forums.realmacsoftware.com/t/linking-main-navigation-to-a-particular-part-of-a-page/5477/10?u=thang) ]

I’ll tag @yuzool who designed the theme to take a look.

---

<div class="post-metadata">

**Author:** ![yuzool](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/yuzool/32/195_2.png) [@yuzool](https://forums.realmacsoftware.com/u/yuzool)\
**Post date:** [February 8, 2019, 1:09am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/5 "2019-02-08T01:09:27Z")

</div>

Thanks @thang

Good site with anchor links @jesse_gomez - that theme though uses a “theme drawer” so normally it would be closed as a page navigation would be another page. It wasn’t anticipated to be used with anchors.

To achieve that, you’ll need to write some simple jQuery to take the “is-visible” class off the menu “.main-nav ul” when “about” is clicked 🙂

---

<div class="post-metadata">

**Author:** ![jesse\_gomez](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jesse_gomez/32/13940_2.png) [@jesse\_gomez](https://forums.realmacsoftware.com/u/jesse_gomez)\
**Post date:** [February 8, 2019, 5:29am UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/6 "2019-02-08T05:29:49Z")

</div>

Ok thank you

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [March 10, 2019, 3:29pm UTC](https://forums.realmacsoftware.com/t/mobile-navigation-menu-with-rapidweaver-7-or-8/25099/7 "2019-03-10T15:29:50Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
