--- title: Show or Hide any Element on the Website Page for a certain Screen Size description: Optimize website for different devices by changing element visibility based on screen size. --- [Skip to content](https://support.learnyst.com/how-to-change-the-visibility-for-a-certain-element-with-respect-to-the-screen-size#main-content) ![Learnyst Logo-25-1.png\]](https://support.learnyst.com/hs-fs/hubfs/Learnyst%20Logo-25-1.png?height=40&name=Learnyst%20Logo-25-1.png) - [Blogs](https://blog.learnyst.com/) - [Product Demo](https://www.learnyst.com/product-demo) - [Help Center](https://support.learnyst.com/?__hstc=63047858.c6632626f509e3bce8daa43b7e98f888.1712298652738.1721125968223.1721135407952.38&__hssc=63047858.1.1721135407952&__hsfp=1459259341&_gl=1*1hsz3xc*_gcl_aw*R0NMLjE3MzA4OTkxMzAuQ2p3S0NBaUF4S3k1QmhCYkVpd0FZaVctLTFMeml2UU9iS3JlNDdQaXE4Y2RDRTRPbE9iZnFVYS1sYkViTm5lcW52eHljMnNXOTRoMlRCb0N3QVVRQXZEX0J3RQ..*_gcl_au*MTM5MDI5MDc5LjE3MjU5Mzg3NTIuNjU1NTcwMzYxLjE3MzMyMzMxODAuMTczMzIzMzE3OQ..) - [Success Stories](https://www.learnyst.com/customers/success-stories) Open main navigation Close main navigation - [Blogs](https://blog.learnyst.com/) - [Product Demo](https://www.learnyst.com/product-demo) - [Help Center](https://support.learnyst.com/?__hstc=63047858.c6632626f509e3bce8daa43b7e98f888.1712298652738.1721125968223.1721135407952.38&__hssc=63047858.1.1721135407952&__hsfp=1459259341&_gl=1*1hsz3xc*_gcl_aw*R0NMLjE3MzA4OTkxMzAuQ2p3S0NBaUF4S3k1QmhCYkVpd0FZaVctLTFMeml2UU9iS3JlNDdQaXE4Y2RDRTRPbE9iZnFVYS1sYkViTm5lcW52eHljMnNXOTRoMlRCb0N3QVVRQXZEX0J3RQ..*_gcl_au*MTM5MDI5MDc5LjE3MjU5Mzg3NTIuNjU1NTcwMzYxLjE3MzMyMzMxODAuMTczMzIzMzE3OQ..) - [Success Stories](https://www.learnyst.com/customers/success-stories) Hello, how can we help you today? - There are no suggestions because the search field is empty. 1. [Support Center](https://support.learnyst.com/?hsLang=en) 2. [Website](https://support.learnyst.com/website?hsLang=en) 3. [Building Website](https://support.learnyst.com/website?hsLang=en#building-website) # Show or Hide any Element on the Website Page for a certain Screen Size ## Optimize website for different devices by changing element visibility based on screen size. **Adjusting element visibility** by screen size is crucial for responsive designs. **In this tutorial**, we will hide an image element for viewers with a Desktop Screen. Watch the entire video here, or you can go through each step explained below: --- - Click on any **element** or any container (Box, Row, Column) that you want to hide. - Navigate to its **settings**. ![Show or Hide any Element on the Website Page for a certain Screen Size step 1](https://support.learnyst.com/hs-fs/hubfs/2%20-%202026-04-20T152539.879.png?width=644&height=362&name=2%20-%202026-04-20T152539.879.png) - Click on the **Responsive** Label. ![Show or Hide any Element on the Website Page for a certain Screen Size step 2](https://support.learnyst.com/hs-fs/hubfs/2%20-%202026-04-20T152737.662.png?width=644&height=362&name=2%20-%202026-04-20T152737.662.png) 1. **Screen Type:** Select the **screen type** you want to adjust visibility for, such as **desktop, tablet, or smartphone**. 2. **Visibility:** Set element visibility for chosen screen type by choosing **visible** to display or **hidden** to hide it. ![Show or Hide any Element on the Website Page for a certain Screen Size step 3](https://support.learnyst.com/hs-fs/hubfs/2%20-%202026-04-20T152913.581.png?width=584&height=328&name=2%20-%202026-04-20T152913.581.png) - Click **Hidden** to hide the selected element or container for the specific device type. ![Show or Hide any Element on the Website Page for a certain Screen Size step 4](https://support.learnyst.com/hs-fs/hubfs/2%20-%202026-04-20T152913.581.png?width=644&height=362&name=2%20-%202026-04-20T152913.581.png) - **Preview** the changes to ensure they are reflected correctly based on the screen size. ![Show or Hide any Element on the Website Page for a certain Screen Size step 5](https://support.learnyst.com/hs-fs/hubfs/responsive5.png?width=670&height=325&name=responsive5.png) In the **video demo**, the image remains hidden on larger devices like laptops, ensuring it stays hidden for users with larger screens.   - [Get Started](https://support.learnyst.com/get-started?hsLang=en) - [AI Tools](https://support.learnyst.com/ai-tools?hsLang=en) - [Courses](https://support.learnyst.com/courses?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/courses?hsLang=en#getting-started) - [Build Course](https://support.learnyst.com/courses?hsLang=en#build-course) - [Add Lesson](https://support.learnyst.com/courses?hsLang=en#add-lesson) - [Course Settings](https://support.learnyst.com/courses?hsLang=en#course-settings) - [Lesson Settings](https://support.learnyst.com/courses?hsLang=en#lesson-settings) - [Course Certificate](https://support.learnyst.com/courses?hsLang=en#course-certificate) - [Mock test](https://support.learnyst.com/mock-test?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/mock-test?hsLang=en#getting-started) - [Build Mock Test](https://support.learnyst.com/mock-test?hsLang=en#build-mock-test) - [GMAT Question Types](https://support.learnyst.com/mock-test?hsLang=en#gmat-question-types) - [Mock test Settings](https://support.learnyst.com/mock-test?hsLang=en#mock-test-settings) - [Test Series](https://support.learnyst.com/test-series?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/test-series?hsLang=en#getting-started) - [Build Test Series](https://support.learnyst.com/test-series?hsLang=en#build-test-series) - [Settings](https://support.learnyst.com/test-series?hsLang=en#settings) - [Bundles](https://support.learnyst.com/bundles?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/bundles?hsLang=en#getting-started) - [Build Bundles](https://support.learnyst.com/bundles?hsLang=en#build-bundles) - [Bundle Settings](https://support.learnyst.com/bundles?hsLang=en#bundle-settings) - [Batch](https://support.learnyst.com/batch?hsLang=en#main-content) - [Batch Settings](https://support.learnyst.com/batch?hsLang=en#batch-settings) - [Track](https://support.learnyst.com/track?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/track?hsLang=en#getting-started) - [Track Settings](https://support.learnyst.com/track?hsLang=en#track-settings) - [Ebooks](https://support.learnyst.com/ebooks?hsLang=en) - [Podcasts](https://support.learnyst.com/podcasts?hsLang=en) - [Webinars](https://support.learnyst.com/webinars?hsLang=en) - [Digital/Custom Products](https://support.learnyst.com/digital-custom-products?hsLang=en) - [Free Resource](https://support.learnyst.com/free-resource?hsLang=en) - [1:1 Coaching](https://support.learnyst.com/11-coaching?hsLang=en) - [1 on 1 Tutoring](https://support.learnyst.com/1-on-1-tutoring?hsLang=en) - [Poll](https://support.learnyst.com/poll?hsLang=en) - [Question Pool](https://support.learnyst.com/question-pool?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/question-pool?hsLang=en#getting-started) - [Build Question Pool](https://support.learnyst.com/question-pool?hsLang=en#build-question-pool) - [Classification](https://support.learnyst.com/classification?hsLang=en#main-content) - [Categories](https://support.learnyst.com/classification?hsLang=en#categories) - [Tags](https://support.learnyst.com/classification?hsLang=en#tags) - [Product Pricing](https://support.learnyst.com/product-pricing?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/product-pricing?hsLang=en#getting-started) - [Pricing Plans](https://support.learnyst.com/product-pricing?hsLang=en#pricing-plans) - [Quiz & Assessment](https://support.learnyst.com/quiz-assessment?hsLang=en#main-content) - [Add Questions](https://support.learnyst.com/quiz-assessment?hsLang=en#add-questions) - [Build Quiz](https://support.learnyst.com/quiz-assessment?hsLang=en#build-quiz) - [Question Settings](https://support.learnyst.com/quiz-assessment?hsLang=en#question-settings) - [Quiz Settings](https://support.learnyst.com/quiz-assessment?hsLang=en#quiz-settings) - [Question Review Flow](https://support.learnyst.com/quiz-assessment?hsLang=en#question-review-flow) - [Website](https://support.learnyst.com/website?hsLang=en#main-content) - [Getting Started](https://support.learnyst.com/website?hsLang=en#getting-started) - [Building Website](https://support.learnyst.com/website?hsLang=en#building-website) - [Website Navigation](https://support.learnyst.com/website?hsLang=en#website-navigation) - [Superpower Widgets](https://support.learnyst.com/website?hsLang=en#superpower-widgets) - [Sign Up Settings](https://support.learnyst.com/website?hsLang=en#sign-up-settings) - [Widgets (Embeddables)](https://support.learnyst.com/website?hsLang=en#widgets-embeddables) - [Website Custom domain](https://support.learnyst.com/website-custom-domain?hsLang=en) - [Mobile Apps](https://support.learnyst.com/mobile-apps?hsLang=en#main-content) - [Android](https://support.learnyst.com/mobile-apps?hsLang=en#android) - [iOS](https://support.learnyst.com/mobile-apps?hsLang=en#ios) - [Communities](https://support.learnyst.com/communities?hsLang=en#main-content) - [Learnyst Community](https://support.learnyst.com/communities?hsLang=en#learnyst-community) - [Telegram Community](https://support.learnyst.com/communities?hsLang=en#telegram-community) - [Gamification](https://support.learnyst.com/gamification?hsLang=en) - [Learner Management](https://support.learnyst.com/learner-management?hsLang=en#main-content) - [Learner Profile](https://support.learnyst.com/learner-management?hsLang=en#learner-profile) - [Learner Actions](https://support.learnyst.com/learner-management?hsLang=en#learner-actions) - [Learner Settings](https://support.learnyst.com/learner-management?hsLang=en#learner-settings) - [Roles and Permissions](https://support.learnyst.com/roles-and-permissions?hsLang=en) - [Marketing](https://support.learnyst.com/marketing?hsLang=en#main-content) - [Refer Earn](https://support.learnyst.com/marketing?hsLang=en#refer-earn) - [Push Message](https://support.learnyst.com/marketing?hsLang=en#push-message) - [Marketing Email](https://support.learnyst.com/marketing?hsLang=en#marketing-email) - [System Email](https://support.learnyst.com/marketing?hsLang=en#system-email) - [Whatsapp Messenger](https://support.learnyst.com/marketing?hsLang=en#whatsapp-messenger) - [Workflows](https://support.learnyst.com/marketing?hsLang=en#workflows) - [Forms](https://support.learnyst.com/marketing?hsLang=en#forms) - [Campaign](https://support.learnyst.com/marketing?hsLang=en#campaign) - [CTA](https://support.learnyst.com/marketing?hsLang=en#cta) - [Promo Slider](https://support.learnyst.com/marketing?hsLang=en#promo-slider) - [Sales](https://support.learnyst.com/sales?hsLang=en) - [Integrations](https://support.learnyst.com/integrations?hsLang=en#main-content) - [Pabbly Integration](https://support.learnyst.com/integrations?hsLang=en#pabbly-integration) - [Zapier Integration](https://support.learnyst.com/integrations?hsLang=en#zapier-integration) - [Google Ads](https://support.learnyst.com/integrations?hsLang=en#google-ads) - [Meta Ads](https://support.learnyst.com/integrations?hsLang=en#meta-ads) - [Newsfeed](https://support.learnyst.com/newsfeed?hsLang=en) - [Ratings and Reviews](https://support.learnyst.com/ratings-and-reviews?hsLang=en) - [Learner Support](https://support.learnyst.com/learner-support?hsLang=en) - [Sub School](https://support.learnyst.com/sub-school?hsLang=en) - [Reports](https://support.learnyst.com/reports?hsLang=en) - [Content Security](https://support.learnyst.com/content-security?hsLang=en#main-content) - [CourseGaurd](https://support.learnyst.com/content-security?hsLang=en#coursegaurd) - [School Settings](https://support.learnyst.com/school-settings?hsLang=en#main-content) - [General Settings](https://support.learnyst.com/school-settings?hsLang=en#general-settings) - [Learner Billing](https://support.learnyst.com/school-settings?hsLang=en#learner-billing) - [Payment gateway](https://support.learnyst.com/school-settings?hsLang=en#payment-gateway) - [Features](https://support.learnyst.com/school-settings?hsLang=en#features) - [Security](https://support.learnyst.com/school-settings?hsLang=en#security) - [Channels](https://support.learnyst.com/school-settings?hsLang=en#channels) - [Zoom integration](https://support.learnyst.com/zoom-integration?hsLang=en) - [Troubleshooting](https://support.learnyst.com/troubleshooting?hsLang=en) - [FAQs](https://support.learnyst.com/faqs?hsLang=en) - [Users](https://support.learnyst.com/users?hsLang=en#main-content) - [Learners](https://support.learnyst.com/users?hsLang=en#learners) - [Learners' Help article](https://support.learnyst.com/learners-help-article?hsLang=en) - [Socials](https://support.learnyst.com/socials?hsLang=en) - [Home](https://learnyst-1.hubspotpagebuilder.net/) - [About Us](https://learnyst-1.hubspotpagebuilder.net/about-us) - [Contact Us](https://learnyst-1.hubspotpagebuilder.net/contact-us) - [Blog](https://learnyst.hs-sites-na2.com/blog) [![Chill listening crop-3](https://support.learnyst.com/hs-fs/hubfs/Learnyst%20logo%20(2).png?width=24&height=24&name=Learnyst%20logo%20(2).png "Chill listening crop-3")](https://www.learnyst.com/) Learnyst Support Copyright © 2026, Learnyst Insights Pvt Ltd ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://667314.fs1.hubspotusercontent-na2.net/hubfs/667314/Untitled%20design%20(2).mp4", "dateModified" : "2024-03-06T11:50:34.508Z", "duration" : "PT18S", "height" : 1080, "name" : "Untitled design (2)", "thumbnailUrl" : "https://667314.fs1.hubspotusercontent-na2.net/hubfs/667314/Untitled%20design%20(2).mp4/medium.jpg", "uploadDate" : "2024-03-06T11:50:25.053Z", "width" : 1920 } ```