I don't want the highlighted images displayed on mobiles

ElenaFo

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

Hi,

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ElenaFo

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ElenaFo

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ElenaFo

OH! Thanks a lot.

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

Thanks

Phil

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

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next