[Resolved] Different hero section on desktop and mobile

Home Forums Support [Resolved] Different hero section on desktop and mobile

Home Forums Support Different hero section on desktop and mobile

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2001297
    Thomas

    Hello,

    I would like to use a hero image on desktop and just a color (no image) an mobile for my site http://swisscommissioning.kinsta.cloud.

    What is the best way to accomplish this?

    Thank you very much for your help.

    Best regards,

    Thomas

    #2001437
    David
    Staff
    Customer Support

    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.

    #2001760
    Thomas

    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

    #2001767
    David
    Staff
    Customer Support

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

    #2001782
    Thomas

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

    #2001963
    Ying
    Staff
    Customer Support

    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?

    #2001989
    Thomas

    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

    #2002102
    Ying
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #2002575
    Thomas

    Hello Ying,

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

    Thomas

    #2003355
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.