Banner Image for different screen resolution

himani-123
Tera Contributor

Hi Everyone,

 

On our customer portal we are using a banner image with company icons at end of two corners, when we resize the browser image adjusts itself and image icons gets hidden at both the corners.

himani123_0-1713159093423.png

Is there any way we can use two images in different container like one container for larger screen resolution >1280px. And other container having small size image to be used for smaller resolution windows 768-1280px. Is this possible to achieve in servicenow?

 

Thanks

1 ACCEPTED SOLUTION

Himani_14
Mega Sage
Mega Sage

Thanks @Deepak Shaerma and @Community Alums for your response. Adding below lines in Page Specific CSS resolved my issue.

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.banner-container {
width: 100%;
height:250px;
}
}

View solution in original post

5 REPLIES 5

Community Alums
Not applicable

Hi @Himani_14 ,

That's great. 😊 We can also use Media query to make responsive web page.

 

Thanks and Regards 

Sarthak