If you will create sections with background images and ID's for each section and will send us url to website where you did it then we can show you example.
We'll think about it but at this moment we got tons of other requests in queue and we can't promise that this will be ready soon.
BTW This is not complicated at all. But if "setup ID for section" is too difiicult for you then we have no idea how we can help you at this moment. We just asked about ID for section. We did not asked about anything impossible or difficult. When you edit section (what has been explained at http://themes.muffingroup.com/betheme/documentation/#section) you should type just Custom ID ( Custom CSS will be fine as well), like for example section-without-background-on-mobile and that's it.
I can CSS and I can add an ID to each section, thats fine. There are so many changes to the site regularly that it doesn't make sense to continue contacting you every time we need to make a change.
It would be easier if you could just give me an example of the code.
I'm trying to hide the background-image of a section using the following code:
@media only screen and (max-width: 767px) { .bg-image { background-image: none !important; }
}
But it's not working.
This site is in under construction mode so I can't really link the page, but its a column within a Wrap, within a Divider in the Muffin Builder. Here's the section of code below with the URL I'm trying to hide, any help?
Hi, your css seems to be correct, without inspecting the website I cannot relly say much. Are you pasting this css into theme options>custom css&js>css? Try to delete browser cache.
@media only screen and (max-width: 767px) { .bg-image .column_attr { background-image: none !important; } }
You said you want to remove a background section image, well then maybe edit the page and edit the section where you will find the background image set. All of this can be done in the muffin builder.
The image is added to the column element background within the Muffin builder. It's overlapping the text when on mobile view. All I want to do is hide this on mobile and show on desktop, it can't be this difficult surely
Comments
BTW This is not complicated at all. But if "setup ID for section" is too difiicult for you then we have no idea how we can help you at this moment. We just asked about ID for section. We did not asked about anything impossible or difficult. When you edit section (what has been explained at http://themes.muffingroup.com/betheme/documentation/#section) you should type just Custom ID ( Custom CSS will be fine as well), like for example section-without-background-on-mobile and that's it.
I have tried the same fix on my website but doesn't seem to be working
@media only screen and (max-width: 479px) { .acasa-bg { background-image: none !important; } }
tried to add this in the betheme custom css and also in the custom css of the page
cleaningacademy.ro
If you have the time please have a look
Regards
your css seems to be correct, without inspecting the website I cannot relly say much.
Are you pasting this css into theme options>custom css&js>css?
Try to delete browser cache.