Need help for custom mobile properties for any element

Store Design
1

Hi all!

My shop :

https://maxibillionb2c.myshopify.com/

Visitor Password: flomak

Im trying to customize some elements such as media with text , marquee words etc. I Have tried using the code below . on my CSS file but it doesnt work. Im trying to give some space under marquee words for mobile shop in this case .

@media (max-width: 460px){
#shopify-section-template–15886720073960__16527914472f5e97c6
{
margin-bottom: 100px!important;
}
}

Also I tried as

@media (max-width: 460px){
.marquee-words
{
margin-bottom: 100px!important;
}
}

Both this codes doesnt work. And have search too much before asking to community . But cant find why I couldnt make it work.

2 Likes
2

@nizarsayar

Try out this properties.

@media (min-width: 768px){
}
3

Thanks Ravi I will but if Im not wrong yesterday I also tried 768px .

1 Like
4

try min 600px, or max 600px,

@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}

@media only screen and (min-width: 600px) {
body {
background-color: lightblue;
}
}

5

@media only screen and (max-width: 600px) {
.marquee-words {
margin-bottom: 100px!important!;
}
}

I have tried this and tried as min still same .

1 Like
6

You have added the worng try this:

@media only screen and (max-width: 600px) {
.marquee-words {
margin-bottom: 100px!important;
}
}

or

@media only screen and (min-width: 600px) {
.marquee-words {
margin-bottom: 100px!important;
}
}

1 Like
7

Thanks Ravi . code with max-witdh worked.!

1 Like
8

@nizarsayar

Let me know if you need any more help,

If helpful, like and accept our Solution.