• I am attempting to edit my theme and I am having an issue with the size of the responsive mobile homepage. I think I need to update the CSS code but I am unsure. I attempted to search online to find out how to adjust the size to display correctly on mobile devices but couldn’t find the solution.

    If the Intro Image is too large to display correctly, is there a way to remove the image only on the mobile device?

    Any assistance that you could provide would be greatly appreciated.

    Thank you,

    • This topic was modified 5 years, 11 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey @djjigs!

    Great question! You’re on the right track for sure, this will be a CSS change as CSS is responsible for how things look.

    That being said, I took a look at your site on mobile and don’t see an issue per se, but if you’d like to control how things look on mobile devices, then you’re looking for CSS code that looks something like this:

    @media (max-width: 550px) { 
        #intro.media-image {
            display:none;    
        }
    }

    This will apply only when the browser window is no bigger than 550px, and will hide the image in such cases.

    With all that being said though, depending how you are including the image, there should be native options to make it responsive (either via the plugin you are using or via the Gutenberg image/media block).

    let is know if this helps!

    Warm regards

    You really should ask at the theme’s support forum, so you get the best answer for your theme, and help other users of the theme at the same time.

    Thread Starter djjigs

    (@djjigs)

    @mmediagroup

    Thank you so much for your help!
    The code you provided worked perfectly.

    Thanks again!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive design and size issue’ is closed to new replies.