What you will need to do is specify CSS styles for specific screen widths.
For example:
/* for mobile & tablet */
@media (max-width: 989px){
.itemOne, .itemTwo{ display: none; }
}
This display: none style for .itemOne & .itemTwo will only be applied for screens up to 989px wide. You can choose your max width as you need.
I hope this makes sense.
Further reading on media queries: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Related Posts:
- Write text below a specific part of a sentence
- How to insert html/css/javascript code to wordpress plugin
- How to integrate my HTML and javascript into my child theme
- How to create fa-bars animated menu
- How can I get the search form to be selected automatically?
- Cannot set property ‘className’ of null at setThemeFromCookie
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- prevent HTML output if custom field is empty [closed]
- Unable to use Datepicker in a table when inserting a row
- How would I add this code to a single WordPress page?
- Trouble with adding preloader to my home page index.html and index.js
- Import HTML code that loads css and javascript into specific page
- Interactive maps in wordpress
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- How can I scroll to an element using jQuery?
- Remove CSS class from element with JavaScript (no jQuery) [duplicate]
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Make div scrollable
- How to make the HTML link activated by clicking on the
- ?
- Bootstrap Dropdown menu is not working
- Bootstrap Dropdown menu is not working
- right align an image using CSS HTML
- How to completely remove borders from HTML table
- How do I right align div elements?
- How to print HTML content on click of a button, but not the page?
- Bootstrap 4 Dropdown Menu not working?
- Why “Inline-block” doesn’t work properly in this CSS?
- How to fix a footer overlapping content?
- What’s the HTML to have a horizontal space between two objects?
- HTML/CSS float: left; is not working properly
- Textarea Auto height
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- how to center an inline div using css?
- How to place Text and an Image next to each other in HTML?
- How to have an anim gif on a link and play it on hover and reset
- Align text to the bottom of a div
- Set bootstrap modal body height by percentage
- Failed to decode downloaded font
- Center HTML Input Text Field Placeholder
- how to display a div triggered by onclick event
- creating a chevron in CSS
- jQuery scrollTop() method not working
- JavaScript – Count Number of Visitor for Website
- How to make fixed header table inside scrollable div?
- Cannot read property ‘style’ of undefined — Uncaught Type Error
- How to make HTML element resizable using pure Javascript?
- How to align this span to the right of the div?
- How do I clear the content of a div using JavaScript?
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
- Collapsible button inside a ul list does work in jsfiddle but not in WP
- Handling URLs in WordPress application
- Can “ and “ tags be used in the HTML editor?
- JavaScript added as link/stylesheet
- How can i add note, caution, warning quote inside the text? [closed]
- Eliminate render-blocking JavaScript and CSS in above-the-fold content
- how to setup content on a static frontpage with css and xhtml
- Why is this jquery / java script code not working in mobile / in devices?
- Seperate functions.php for part of site
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- Disable File Editing function
- Some Text of website page on Iphone Safari become invisible
- Get post format and use it as a CSS class in different spans
- Conditionally enqueue a stylesheet based off of a javascript click event
- Simple way to add custom class and ids to individual Gutenberg blocks
- Custom CSS is not working?
- how to stop the shaking effect on my homepage [closed]
- How to add class to an html output element in tinyMCE paragraph drop down menu
- WordPress is not displaying CSS file
- Change class names dynamically added to html elements by wordpress
- How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
- Combine CSS Files without plugin
- WordPress Rest Api access the header and extract stylesheets URL
- Overriding inline !important CSS with Javscript code snippet with media query
- How to make jquery slider to start afresh [closed]
- How to properly hide the div of an inline collapsible button?
- jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
- how to modify html on homepage (no home-page.php in my theme)
- Web Developer Console: “Slow network is detected.” with fonts
- Hide CSS class only in single post pages
- current menu item hover not working?
- Target a specific container to style on WordPress storefront theme
- issues with a slider – investigations with firebug
- Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
- The placeholder text doesnt disappear
- I cannot make this position properly in WordPress [closed]
- Possible jquery / library conflict in plugin usage
- Element works, but not on wordpress site [duplicate]
- I need css code to divide my webpage sections into two columns
- Add woocommerce plugin in own theme
- Hiding fields a form in via CSS [closed]
- How do I add JS and CSS to WP (Flatsome)
- “Plate” theme broken after update
- IOS Ventura Safari 16.3 position fixed elements goes above scroll bar
- Elementor Contact Form Submit button has empty class
- How can I highlight the active page using paginate_links()?
- My backround image in css is not showing
- Header menu permanently expanded in header responsive theme
- How do I remove/hide embed excerpts from posts