[Resolved] 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.

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

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?

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 🙂

No problem 🙂