# Rapid weaver not responsive on some pages

**URL:** <https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289>\
**Category:** RapidWeaver Classic\
**Created:** [October 17, 2020, 11:24pm UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289 "2020-10-17T23:24:41Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![madpoli](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/madpoli/32/20491_2.png) [@madpoli](https://forums.realmacsoftware.com/u/madpoli)\
**Post date:** [October 17, 2020, 11:24pm UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/1 "2020-10-17T23:24:41Z")

</div>

Hi all, I use RW 8 to build my website, [maddalenapoli.com](http://maddalenapoli.com)  
I use Mountain theme with CSS additions to modify single pages. I have used the same CSS for all pages with regard to font (type and size), but only some are responsive ![Screen Shot 2020-10-17 at 7.21.26 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/e/3e2b238d1447d959aefe781819c38d689b4e6afc.png)

this works otherwise fine in other pages; in some, it affects only some of the text (e.g., in “Publication” page). The font in the menu is also responding only at times. I do not fully understand why that is.

thanks all!

---

<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:** [October 18, 2020, 11:38am UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/2 "2020-10-18T11:38:29Z")

</div>

You’re using a CSS universal selector (`*`), which matches elements of any type.

### CSS Specificity comes to play here

> If there are two or more conflicting CSS rules that point to the same element, the browser follows some rules to determine which one is most specific and therefore wins out.
> 
> Think of specificity as a score/rank that determines which style declarations are ultimately applied to an element.
> 
> The universal selector (`*`) has low specificity, while ID selectors are highly specific!

So what’s happening is some elements on the page have CSS rules that have a higher ”Specificity Score,” which applies a different font-family property.

You can learn more about CSS Specificity here,

> **[Specificity - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascade/Specificity)**
>
> Specificity is the algorithm used by browsers to determine the CSS declaration that is the most relevant to an element, which in turn, determines the property value to apply to the element. The specificity algorithm calculates the weight of a CSS...

---

<div class="post-metadata">

**Author:** ![madpoli](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/madpoli/32/20491_2.png) [@madpoli](https://forums.realmacsoftware.com/u/madpoli)\
**Post date:** [October 26, 2020, 3:47am UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/3 "2020-10-26T03:47:25Z")

</div>

Understood! thank you!

---

<div class="post-metadata">

**Author:** ![madpoli](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/madpoli/32/20491_2.png) [@madpoli](https://forums.realmacsoftware.com/u/madpoli)\
**Post date:** [November 7, 2020, 6:20pm UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/4 "2020-11-07T18:20:40Z")

</div>

ok I have another question. After having looked at the specificity, I tried to identify the name of the div for the menu. It appears to be .navbar-nav mr-auto, is that correct? I am talking of the menu top left of all main pages, i.e. home page Maddalena Poli, Work, Play/ It does not respond to that division name nor any other ways. What am I doing wrong?

---

<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:** [November 7, 2020, 6:45pm UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/5 "2020-11-07T18:45:27Z")

</div>

The class names `navbar-nav mr-auto` appear on an unordered list (`<ul>`) not a division (`<div>`).

> [@madpoli](#):
>
> It does not respond to that division name nor any other ways. What am I doing wrong?

Without knowing what you are trying to change and seeing the code you are using it’s hard to say.

If it’s still the font-family?

This is the font-family that is being applied to the menu items:

```auto
font-family: Raleway, "Helvetica Neue", sans-serif;

```

It’s being applied by the universal selector (`*`) . The font being displayed appears to be “Helvetica Neue”, so the railway import didn’t work.

---

<div class="post-metadata">

**Author:** ![madpoli](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/madpoli/32/20491_2.png) [@madpoli](https://forums.realmacsoftware.com/u/madpoli)\
**Post date:** [November 7, 2020, 10:47pm UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/6 "2020-11-07T22:47:51Z")

</div>

I want all font to be Helvetica Neue. For all the pages that are within the three main ones, the generic \* worked fine.  
It does not work for the pages Maddalena Poli, Work, and Play. This is how my website is organized:

 ![Screen Shot 2020-11-07 at 5.44.15 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/0/d0984f0fe154d30a1748d4f3e1760deef320c487.png)

so given the point about specificity, I went to find the ID of the menu bar that appears on top let (the menu bar at the end of the pages is in Helvetica, see homepage at [maddalenapoli.com](http://maddalenapoli.com) )  
I thought that I identified the division for it, but you are telling me it is not the right one, is that correct?  
This is how the CSS looks like now for my homepage  
 ![Screen Shot 2020-11-07 at 5.47.44 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/4/b44be589004576e78cc73619468f970d8bb01c93.png)

---

<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:** [December 8, 2020, 8:47am UTC](https://forums.realmacsoftware.com/t/rapid-weaver-not-responsive-on-some-pages/35289/7 "2020-12-08T08:47:53Z")

</div>

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