I have no idea whats going on or if im missing something. This was so easy to do on Dante but the same thing isnt working on Uplift. I create an element using the editor and then I give it a custom class. Any time I try to change the style using a css media query such as:
@media only screen and (max-width: 690px) {
.hero-section .spb_image {
margin-top: 60px;
}
}
The style doesn’t get applied. I see that at 690px is when the split 50% (6col) items stack. I attached a screenshot of my browser at 690px wide and even slightly under it still displays the same. I want to give some vertical space to these elements only on mobile versions. The style that keeps overriding is “.spb-row-container.remove-element-spacing div[class*=”col-sm”]” but I have no idea where that is coming from and would prefer not to mess with the main theme css as I am using a child theme.
This also is an issue im having with all my elements when trying to change a mobile version. Am I not doing the media query right or is there a special override I have to do that I didn’t have to do on your Dante theme?
Attachments:
You must be
logged in to view attached files.
.