# Wrong banner heights in different screen sizes

**URL:** <https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408>\
**Category:** RapidWeaver Classic\
**Created:** [April 18, 2020, 9:06am UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408 "2020-04-18T09:06:05Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Massilian](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massilian/32/23120_2.png) [@Massilian](https://forums.realmacsoftware.com/u/Massilian)\
**Post date:** [April 18, 2020, 9:06am UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/1 "2020-04-18T09:06:05Z")

</div>

Hello,  
I discover an unexpected problem with Simulate.  
Banner proportions are respected for ipads and up to Macbook pro 15", but start croping the height of image to produce a sort of cinemascope format on larger screen (iMac 21,5" and 27").  
How can I correct that ?  
I have no such problem with the sizes for the image stacks in the various pages but I can’t find the proper adjustments for the site banner.  
I’m using Voyager. Banner images are 1200x600 px. My actual settings are : content width 1,170 px and banner height 540 px.  
thank you for your help.  
Massilian

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [April 18, 2020, 6:15pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/2 "2020-04-18T18:15:46Z")

</div>

Hi there @Massilian –

Do you by chance have a URL and / or project file we could look at to help see what is going on?

---

<div class="post-metadata">

**Author:** ![Massilian](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massilian/32/23120_2.png) [@Massilian](https://forums.realmacsoftware.com/u/Massilian)\
**Post date:** [April 18, 2020, 7:22pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/3 "2020-04-18T19:22:52Z")

</div>

Hi,  
great that you answered.

I didn’t upload the project since if doesn’t work

What I can do is show you the way a page looks in RW preview mode and in Simulate. iMac 27"

Why does it crop the top and bottom of the banner ?

Thanks.

Anything else I can show you ? But I don’t want to upload, the previous version is online.

Thanks again !

M.

 ![Capture d’écran 2020-04-18 à 21.19.15.jpg](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/e/eea9f1a77a155170706f843ee854a8cb3446d2bc.jpeg)

 ![Capture d’écran 2020-04-18 à 21.19.39.jpg](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/3/a359519c80b33d5b7cfacc2a4c079934568118c3.jpeg)

![]()

[mpz13@orange.fr](mailto:mpz13@orange.fr)

(Attachment PastedGraphic-1.tiff is missing)

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [April 18, 2020, 7:33pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/4 "2020-04-18T19:33:47Z")

</div>

The image gets cropped because the banner is a fixed height. The wider the page gets the more the image will be cropped. The image has to cover the entire background of the banner area. To do this, as the page gets wider, and thus the banner too gets wider, the image gets cropped more. It is just how a fixed height banner works.

---

<div class="post-metadata">

**Author:** ![Massilian](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massilian/32/23120_2.png) [@Massilian](https://forums.realmacsoftware.com/u/Massilian)\
**Post date:** [April 18, 2020, 8:05pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/5 "2020-04-18T20:05:48Z")

</div>

Thanks, understood,

but the thing is I didn’t see any way I could undo fixed height when overriding Site banner

The online version of this website [https://www.bleue-roy.com/](https://www.bleue-roy.com/) was done with the Brandon Lee Sofisticated theme, I never had the fixed height banner problem.

Do you know how to get rid of fixed height banner with the Voyager theme ?

I didn’t see anything in the General settings…

is there some CSS code to put in ?

Thanks for your help.

Take care

M.

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [April 18, 2020, 8:13pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/6 "2020-04-18T20:13:01Z")

</div>

> [@Massilian](#):
>
> Do you know how to get rid of fixed height banner with the Voyager theme ?

You can set the banner height to Flexible and it will adjust to the height of the banner’s content. Otherwise the banner is a fixed height. That is how I designed to it work.

> [@Massilian](#):
>
> …was done with the Brandon Lee Sofisticated theme, I never had the fixed height banner problem.

Every theme is different.

---

<div class="post-metadata">

**Author:** ![Massilian](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massilian/32/23120_2.png) [@Massilian](https://forums.realmacsoftware.com/u/Massilian)\
**Post date:** [April 18, 2020, 8:19pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/7 "2020-04-18T20:19:21Z")

</div>

Thanks again,

I get it. I like Voyager but Tthe only options I find in the settings for banner height are :  
440, 540, 640, 740 px,  
no Flexible option… 740px works for Macbook pro 15" but sucks for larger screens.  
Any suggestion?

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [April 18, 2020, 8:21pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/8 "2020-04-18T20:21:35Z")

</div>

Are you using Voyager or Voyager Pro? The free Voyager theme included with RapidWeaver does not have the Flexible setting. That is a feature that is only included in the Pro version of the theme.

---

<div class="post-metadata">

**Author:** ![Massilian](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massilian/32/23120_2.png) [@Massilian](https://forums.realmacsoftware.com/u/Massilian)\
**Post date:** [April 18, 2020, 8:23pm UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/9 "2020-04-18T20:23:23Z")

</div>

Gotcha.  
That’s the issue. I just picked Voyager among the themes.  
I will look into it for a purchase.  
Thanks !

---

<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:** [May 19, 2020, 6:23am UTC](https://forums.realmacsoftware.com/t/wrong-banner-heights-in-different-screen-sizes/32408/10 "2020-05-19T06:23:34Z")

</div>

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