- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-14-2024 10:36 PM
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.
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
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-16-2024 12:19 AM
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;
}
}

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-16-2024 12:25 AM
Hi @Himani_14 ,
That's great. 😊 We can also use Media query to make responsive web page.
Thanks and Regards
Sarthak