# Side bar (menu) too big on Rapidweaver 8

**URL:** <https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521>\
**Category:** RapidWeaver Classic\
**Created:** [January 13, 2019, 11:28am UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521 "2019-01-13T11:28:17Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nadand](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@Nadand](https://forums.realmacsoftware.com/u/Nadand)\
**Post date:** [January 13, 2019, 11:28am UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/1 "2019-01-13T11:28:17Z")

</div>

Hi,  
Im ashamed to say my knowledge on this is basic but I upgraded to RapidWeaver 8 and remade my website. Although it looks good at first sight there seems to be a few glitches.  
1, The side bar is too long when used on iPhone as it hits the main menu. This is all ok on a regular computer as it goes along the top.  
2, I can’t seem to change either font or the size of the title, slogan, but I am able to change the size of the side bar text but not how it operates.

Im sure there is a simple explanation but I’ve now had a weekend of it so any help will be greatly appreciated.

---

<div class="post-metadata">

**Author:** ![klaatu](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klaatu/32/8289_2.png) [@klaatu](https://forums.realmacsoftware.com/u/klaatu)\
**Post date:** [January 13, 2019, 12:21pm UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/2 "2019-01-13T12:21:13Z")

</div>

Hi @Nadand

With respect, you have not mentioned anything really that could be used to help you. For example:

- What is the URL of the website in question? If we can’t see it, its tough to be able to work out whats wrong.

- What theme are you using? Are you using the Stacks plugin?

- What fonts are you seeing? What fonts do you want? What options have you selected in your project to support your intentions?

Here is a link to a brilliant article which explains how to ask for assistance in a effective manner:  
[https://forum.rw4all.com/t/requesting-technical-support-like-a-pro/537](https://forum.rw4all.com/t/requesting-technical-support-like-a-pro/537)

---

<div class="post-metadata">

**Author:** ![Nadand](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@Nadand](https://forums.realmacsoftware.com/u/Nadand)\
**Post date:** [January 13, 2019, 8:12pm UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/3 "2019-01-13T20:12:40Z")

</div>

OK, I understand. I hope the info below will be of more help.  
I upgraded to RapidWeaver 8 and created a website using the Mountains theme, not Stacks plugin. I have 10 pages on the menu which drops down when viewing on a phone and then it collides with the main title making the text difficult to read.  
I would like to reduce the size or position of the title to stop this happening. I’m not that worried about changing the font at the moment.  
You might be a able to see by looking at [www.dentalcreationadelaide.com](http://www.dentalcreationadelaide.com)

Thanks again

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [January 13, 2019, 8:55pm UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/4 "2019-01-13T20:55:16Z")

</div>

I think the problem you’re having might better be addressed by adding a slightly transparent background when the drop-down menu is triggered. To just _reduce the size or position of the title_ would probably not address the overlap on every possible screen-size and orientation(landscape, portrait).  
Try adding the following CSS and see what you think:

```css
div#navbarNav.show {
    background: rgba(17, 6, 11, .7);
    z-index: 2;
}

```

---

<div class="post-metadata">

**Author:** ![Nadand](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@Nadand](https://forums.realmacsoftware.com/u/Nadand)\
**Post date:** [January 14, 2019, 6:10am UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/5 "2019-01-14T06:10:40Z")

</div>

Hi Doug,  
Thanks so much for your input. It looks much better now but what do I change to make the background totally opaque?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [January 14, 2019, 11:43am UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/6 "2019-01-14T11:43:32Z")

</div>

> [@teefers](#):
>
> background: rgba(17, 6, 11, .7);

On the _rgba_ settings the _A_lpha(last digit) set above to `.7`, controls the opacity of the color (a = 0 = transparent; a = 1 = opaque).

The _rgb_ stands for red, green, and blue and is used to set the color.  
You can find more information here:  
[https://www.w3schools.com/cssref/css\_colors\_legal.asp](https://www.w3schools.com/cssref/css_colors_legal.asp)

---

<div class="post-metadata">

**Author:** ![Nadand](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@Nadand](https://forums.realmacsoftware.com/u/Nadand)\
**Post date:** [January 14, 2019, 8:26pm UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/7 "2019-01-14T20:26:17Z")

</div>

Thank you so much for your help!

---

<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:** [February 14, 2019, 6:26am UTC](https://forums.realmacsoftware.com/t/side-bar-menu-too-big-on-rapidweaver-8/24521/8 "2019-02-14T06:26:19Z")

</div>

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