Different hero section on desktop and mobile

Hi there,

if you're are using GenerateBlocks Prom then you can use the Advance Backgrounds option.

https://docs.generateblocks.com/article/advanced-backgrounds/

You can then set the background just for desktop.

Let us know - if not Pro user and ill provide some CSS.

Hello David,

Thank you very much for your fast reply.

Yes, I am a Pro user - but the "Advanced" option is missing if I want to configure the background for a container.

Do you have an idea why this is missing?

Thank you very much for your support.

Thomas

Silly question - do you have the GenerateBlocks Pro plugin installed and activated ?

Yes, installed and activated.
All modules are activated except the secondary nav.
I started to use a preconfigured layout from the site library.
Hmmh...

Yes, installed and activated.
All modules are activated except the secondary nav.

Sounds like you are talking about GeneratePress Premium, what David asked was GenerateBlocks Pro, can you confirm?

I have the following WordPress plugins installed and activated:

- GenerateBlocks 1.4.0
- GP Premium 2.1.1

Where can I find "GenerateBlocks Pro"? (it is not in the download section of my GeneratePress dashboard)

Thank you,

Thomas

GenerateBlocks Pro is a paid plugin, you can find more info here: https://generateblocks.com/pro/

The plugin allows you to add different background image for different devices.

Seems you don't have this plugin stalled, then give this CSS a try:

@media (max-width: 768px) {
.gb-container.gb-container-352e6923 {
    background-image: none;
    background-color: blue;
}
.gb-container.gb-container-352e6923:before {
    content: none;
}
}

You can replace the bluewith your own color code.

Let me know :)

Hello Ying,

Thank you very much for your fast help - the provided CSS is working!

Thomas

No problem :)