Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 9, 2020 at 12:15 pm #1211377
    james-clickstream

    HI,

    I am using this CSS to ensure an image in the header disappears on small screen sizes (red image with phone number). But the CSS is altering the background colour of the main menu.

    I have removed this bit of CSS to stop the problem – can you take a look and see if we can amend the code so that it hides the header image on a mobile & tablet portrait but doesn’t affect the menu colour, size and position.

    Thanks Guys!

    @media only screen and (max-width: 767px) {
    #media_image-2 {
    display:none;
    }

    May 9, 2020 at 6:24 pm #1211460
    Victoria

    Hey james-clickstream,

    Can you please make that account admin, we cannot see the theme options this way?

    Best regards,
    Victoria

    May 10, 2020 at 11:49 am #1211620
    james-clickstream

    the account is now admin.

    thanks

    May 11, 2020 at 5:16 am #1211733
    Rikard

    Hi,

    Thanks for that. I added this to your Quick CSS and it’s working:

    @media only screen and (max-width: 767px) {
#media_image-2 {
display:none;
}
}

    Best regards,
    Rikard

    May 11, 2020 at 11:41 am #1211804
    james-clickstream

    Hi Rikard,

    The problem is the CSS you added changes the look of the header (see attached screen shots).

    Screen shot 1: http://car-charging-point.co.uk/wp-content/uploads/2020/05/screenshot-1.png

    Is how the header looks with your CSS

    Screen shot 2: http://car-charging-point.co.uk/wp-content/uploads/2020/05/screenshot-2.png

    Is how i want the header to look.

    Can we keep the header looking like screen shot 2 but still have the red image (top right) disappear on smaller screen sizes.

    Cheers,

    James

    May 12, 2020 at 6:21 am #1212020
    Rikard

    Hi James,

    I added the CSS back and I can’t reproduce the results you are getting. There’s nothing in the CSS which would target anything else than just the widget in question either.

    Best regards,
    Rikard

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