[Resolved] My metaslider does not look fullscreen

[Jenifer Bain]

Hi,

Can you let me know if this home page looks full screen to you?
http://65c.97b.myftpupload.com/

It looks good to me but I sent it to my client and she says she sees grey on each side of the slider.

I even put [metaslider id=99 percentwidth=100] in the page header area of the homepage.

I have the metaslider at 100% wide output and width set at 1550.

[Tom]

On a large screen it’s definitely not full screen.

In the Page Header metabox (where you added the shortcode for metaslider) – make sure the “Container type” select box is set to “Fluid”.

Let me know if that does the trick 🙂

[Jenifer Bain]

Yes the container type was already set to fluid. Can I try something else?

[Tom]

Very odd, can you try this CSS?:

.generate-content-header .grid-container {
      max-width: 100%;
}

[Elizalde]

Hi Tom,

I’ve actually posted this issue in this link https://generatepress.com/forums/topic/some-settings-not-showing/#post-215949. However, I feel like it would be better if I continue the discussion on this thread.

I’ve asked if it is possible to integrate sliders on the page headers. Although it actually worked, and the slide is showing up, I can’t make it display as full-screen. I’ve already tried setting “Full” under Header Width, I’ve also enabled “100% wide output” under meta slider and i’ve already tried the above CSS code but I can’t make it work to display as full screen.

[Tom]

Hi there,

Can you link me to your page with the slider?

[Elizalde]

Hi there Tom. It’s now working. Thank you.

[Tom]

You’re welcome 🙂

[Author]

Posts