# Mountains Banner

**URL:** <https://forums.realmacsoftware.com/t/mountains-banner/28171>\
**Category:** RapidWeaver Classic\
**Created:** [August 5, 2019, 6:08pm UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171 "2019-08-05T18:08:15Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![simon28](https://avatars.discourse-cdn.com/v4/letter/s/3ec8ea/32.png) [@simon28](https://forums.realmacsoftware.com/u/simon28)\
**Post date:** [August 5, 2019, 6:08pm UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/1 "2019-08-05T18:08:15Z")

</div>

hi I am using the mountains as my template is there any way I can make my banner photo shorter in height ?  
I am feeling some people click on my page and don’t scroll down to see the rest of my content  
I have tried resizing the photo but just reverts back to default settings of 1080 x720 px  
many thanks for your help

---

<div class="post-metadata">

**Author:** ![joemart1951](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joemart1951/32/1193_2.png) [@joemart1951](https://forums.realmacsoftware.com/u/joemart1951)\
**Post date:** [August 5, 2019, 6:10pm UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/2 "2019-08-05T18:10:59Z")

</div>

Try this:  
@media screen and (min-width: 768px) {  
.hero,  
.hero-background {  
height: 50vh;  
}  
}

---

<div class="post-metadata">

**Author:** ![bentshed](https://avatars.discourse-cdn.com/v4/letter/b/f17d59/32.png) [@bentshed](https://forums.realmacsoftware.com/u/bentshed)\
**Post date:** [August 23, 2019, 8:55am UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/3 "2019-08-23T08:55:13Z")

</div>

Thank you SO much! That’s exactly what I was after, and it’s doing the trick perfectly!

I do like this theme - the site logo is precisely what I need, and few other themes seem to have it - but the banner is WAY too big. This size is perfect.

Next, to hack the fonts 🙂 (which is much easier!).

---

<div class="post-metadata">

**Author:** ![simon28](https://avatars.discourse-cdn.com/v4/letter/s/3ec8ea/32.png) [@simon28](https://forums.realmacsoftware.com/u/simon28)\
**Post date:** [August 23, 2019, 11:13pm UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/4 "2019-08-23T23:13:13Z")

</div>

Hi joe  
Where would I put this code I had tried to copy and paste the code into the website but I don’t know exactly where to put it. Please could you point me to the right place  
Thank you  
Simon

---

<div class="post-metadata">

**Author:** ![joemart1951](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joemart1951/32/1193_2.png) [@joemart1951](https://forums.realmacsoftware.com/u/joemart1951)\
**Post date:** [August 23, 2019, 11:29pm UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/5 "2019-08-23T23:29:05Z")

</div>

![19%20PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/1/91beb7ed822313370de45b976ab1cdf8c03d73ed.jpeg)

---

<div class="post-metadata">

**Author:** ![simon28](https://avatars.discourse-cdn.com/v4/letter/s/3ec8ea/32.png) [@simon28](https://forums.realmacsoftware.com/u/simon28)\
**Post date:** [August 24, 2019, 3:52pm UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/6 "2019-08-24T15:52:21Z")

</div>

I tried it there but will give it another go when back from my holidays cheers joe

---

<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:** [September 24, 2019, 1:52am UTC](https://forums.realmacsoftware.com/t/mountains-banner/28171/7 "2019-09-24T01:52:24Z")

</div>

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