Site logo

Archived topic

Choosing what content is displayed for mobiles

16 replies · Started by Susan on August 10, 2022

Viewing posts 1–15 of 17

Hi
I have chosen headline image for my front page which looks great on desk top and on tablet but it doesn't work for mobile.
Is there an option to not display the image for mobile view?

Hi Susan,

Can you link us to your front page and point us to the image so we can have a look at its HTML structure?

Let me know :)

Hi

Here is a link- I only have one image that I am experimenting with at the moment.

Eh...I'm not seeing the site link, can you check?

Hi Susan,

Which specific image are you referring to? Is it the logo image?

Hi
I do not have a logo image. Really I just want to exclude the image that appears above the fold in the Desktop view from appearing in mobile view. I. E. Mobile view has just the site title.

I see.

Try this adding this in Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    div#site-header img {
        display: none;
    }
}

Hi
I tried that but when I checked the mobile preview it just showed the desktop view.

Hi there,

that site doesn't look like its running GeneratePress... is it a custom theme ?

Hi David

it is definitely running on generate press. When I added the css I could see the generate press additional ccs. (I have uploaded the Read starter page0.
It has occurred to me that what I took for an error could just be that the mobile view has been adjusted to display the full width of the photo (so it looks identical to the Desk top view).

In fact,I have used an identical photo on the Home page of my original site and in that theme the mobile view shows the image full width which looks much better than the default mobile view of GP.

Maybe i am not seeing the correct URL, or there is some Caching / redireciton going on.
This is what i see:

https://www.screencast.com/t/xfkPzXtmy

And if inspect the sites code, that is not using GeneratePress.

Hi

yes there must be some redirction going on as that is the home page of my stite. I am working on a staging site and am creating a new home page.

I checked again the mobile view and today it is the normal mobile view that is the text is centred and only a small part of the image (the middle part is showing) That part of the image is not attractive so I would prefer not to use it.

Is there any way I could make sute that either no image is dispalyed (just site title) of that the image is showm full width not portrait?
Thanks for your help. PS I wanted to send some screenshots but cannot find anywhere to upload.

You can share a screenshot by:

1, save your screenshot to a cloudshare drive or your WP Media Library.
2. provide us the URL link to the image.

This archived topic is closed to new replies.