Full Screen problems

Hi there,

Displays should always be full screen, no matter the resolution of your screen, and should not display scroll bars.

Maybe something is wrong in your specific browser, or with your theme. Let’s find out ??

Could you send as much info as possible? Eg. what operating system plus version, browser plus version, are you using to view the display? Have you tried on a completely different computer and browser combo? Same problem? If so, what theme is your website using? Could you share some screenshots and the link to your display? You can upload those here: https://foyer.tv/send-info/

Menno

Hi Menno,

Thanks for your reply. I’ve uploaded all info on the link you provided.

Hi @truefangz. Your theme is adding 25px of padding on the top and bottom of each page. This also translates to Foyer slides, channels and displays.

This is the CSS:

body.layout-boxed, body.custom-background {
    background: #232323;
    padding: 25px 0;
}

You could fix it by adding some custom CSS like this:

body.single-foyer_display, body.single-foyer_channel, body.single-foyer_slide {
    padding: 0 !important;
}

Does that help?

As this is a theme issue that I’ve seen before, I might add a fix to Foyer in a future release.

Menno

Hi Menno,

Yes, that definitely helped get rid of the top and bottom border I was seeing; however, I am still getting the scroll bars that show just a very small amount. I looked through the site’s CSS a little, but can’t figure out what else to add/edit to make those go away.

Hi,

I don’t see scrollbars on your URL using Chrome / MacOS, but maybe you are using Edge? I see scrollbars in Edge. It is caused by this declaration in your theme:

html {
  overflow-y: scroll;
}

See a workaround here:
https://www.ads-software.com/support/topic/linker-scrollbar/

Does that help?

I might add these workarounds to Foyer at some point as it seems more themes are doing this.

Hi Menno,

That’s interesting that you don’t see them in Chrome, while I do. That’s my preferred browser. Anyhow, I added that other line of CSS from the link you provided, and now everything looks perfect!! Thank you so much for your help, and for your plugin!

You’re welcome ??