responsive page-top

[atreas]

Hi guys

I have a section code that represents an image for a custome header which I needed it to conform to responsiveness.

<section class="page-top custom-product-courses">
<div class="container">
<div class="row">
<div class="col-md-7">								Some text code here
								
	</div>					
	</div>
	</div>
</section>

How can I declare this a responsive element inside my custome css ?
Here is the custome css code :

.page-top.custom-product-courses {
    background-image: url(../img/custom-header-bg.jpg);
    background-repeat: repeat;
    border-top: 5px solid #0081c2;
    background-color: #0077b3;
	margin-bottom: 5px;
	height: 200px; 
}

Thanx !

---

[Support]

Hello, sorry, but the link you sent is not available, can you confirm?

Thanks.

---

[atreas]

This reply has been marked as private.

[Support]

Hello, you can create custom breakpoints, like this:

@media (max-width: 991px) {
	.page-top.custom-product-courses {
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		height: auto;
		padding: 0;
	}
}

Regards.

---

[Author]

Posts