I don't want the highlighted images displayed on mobiles

ElenaFo · January 25

Hi, I'm trying to remove the images on the header background on mobile devices in web: https://opticosenriquehurtado.es and I can't find how to do this.

Can you help me, please?

Thanks in advance

Elena

Albert · January 26

Hi,

which image do you mean on mobile exactly? Please explain.

ElenaFo · January 28

Hello,

Excuse me for my English. I'll try to explain it better.

When visiting the website in a desktop, you can see an imagen as a background in header in each page (except home), this is the highlighted image. When visiting the website in a mobile this image doesn't change its size so I can't see the complete image.

That's why I wanted to remove it in mobile version.

I hope I have explained my problem better.

Thanks in advance.

Elena

Phil · January 29

Hi,

I assume that you refer to the image in the subheader. Do you want to remove the image only or the whole subheader?

Best regards

ElenaFo · January 29

Oh! Sorry, that's the subheader, I was wrong. The image under the menu.

If it's possible I'd like to remove the image for mobile devices.

Thanks

Elena

Phil · January 30

There is no setting for that, but you can use the following CSS code:

@media only screen and (max-width:767px){
   #Header_wrapper{
      background-image: none!important;
   }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

ElenaFo · January 30

OH! Thanks a lot.

There is any order to make this just in one page?

Thanks

Phil · January 30

To achieve that, put this code in the Custom CSS field in the Page options.

Best regards

I don't want the highlighted images displayed on mobiles

Comments