Margins
Permalink Browser Info Environment
I love this block, it looks great on my site AND on mobile.
However, I'm trying to set margins for the text content for mobile devices and nothing I've tried works. I have tried media queries (both in the main.css and in the block css) and using the area design options - but on mobile devices my text goes right to the edge of the screen.
Is there another way to set this - manually or as a block setting?
However, I'm trying to set margins for the text content for mobile devices and nothing I've tried works. I have tried media queries (both in the main.css and in the block css) and using the area design options - but on mobile devices my text goes right to the edge of the screen.
Is there another way to set this - manually or as a block setting?
Type: | Discussion |
---|---|
Status: | In Progress |
www.catalist.us
I guess what you are trying to do is have a space between your text and browser edge, right? as long as margin already used for centering the content and other stuffs, use padding:
@media (max-width: 600px) { .parallax-content-area{ background-color: green; padding:0 30px; } }
Worked like a charm, thank you so much!
Can you provide me a live link to check?