CODEWITHSUNDEEP
htmlcss
Stackinnerflow
Stackinnerflow

Reputation: 9

Reducing page height in @media

I'm trying to reduce my page height in desktop @media above 768px but it's not responding to the div selector:

<div class="parallax-window 
fullscreen" data- 
parallax="scroll" data- 
image- 
src="http://4309.co.uk/wp-  
content/uploads/2019/08/d
ownload-2.png" data-ios- 
fix="true" data-over- 
scroll-fix="true" data- 
android-fix="true">

Tried css

@media (min-width: 768px){.parallax-window {height: 50%;}}

and

@media (min-width: 768px){.parallax-window {height:600px;}}

Doesn't work here

Upvotes: 0

Views: 39

Answers (1)

Simone Rossaini
Simone Rossaini

Reputation: 8162

Change the code with that:

@media only screen and (min-width: 768px){
section.cover.fullscreen.image-bg {
    height: 600px;
  }
}

Upvotes: 2

Related Questions