Welcome to our forum

This site and the Oxygen Builder forum are setup by users for users.
Remove section back...
 
Notifications
Clear all

Remove section background for mobile devices


(@webbeat)
Joined: 3 months ago
Posts: 2
Topic starter  

Hello,

I am on my first project with Oxygen and I am advancing well. But... 🙂

I am trying to remove the background image for a certain section for mobile devices below 768px.

Here is what I tried so far:

I changed to mobile view (768px), gave the section a class bg-mob an put in custom css: background-image: none;

But it does not work.

I have also tried with media query in the wp customizer with this code:

@media only screen and (max-width: 767px) {
.bg-mob {
background-image: none;
}
}

but it did not work either. 

Please help to make it work.

Thanks a lot in advance.

Beat


Quote
Topic Tags
(@martin-k)
Admin
Joined: 12 months ago
Posts: 2
 

Hi Beat,

Did you set the class only at the below 768px size? In other words you have the background image in the ID above that size? Because that won't work.

You have to either use a class for all sizes or the ID and THEN at the breakpoint (768) remove the background. No need to set it to nons. Just remove it.


ReplyQuote
(@webbeat)
Joined: 3 months ago
Posts: 2
Topic starter  

@martin-k Hi Martin, thank you so much for taking time to look into this. I just found out, that the background element was not on the section, but on a rich text element and therefore I was able to solve it by removing it for that screen size.


ReplyQuote
(@martin-k)
Admin
Joined: 12 months ago
Posts: 2
 

Excellent. Glad you solved it :-)!


ReplyQuote

Want To Talk About Oxygen?

On our new forum you can discuss anything related to Oxygen. From the Oxygen Builder itself to the different Oxygen plugins, WordPress and so on.
To The Forum
In accordance with the GDPR you can contact us here.
Copyright © 2020 - 2021
We are not affiliated with Oxygen or endorsed by Soflyy.
Terms & ConditionsPrivacy PolicyCookies
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram