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]
- How to insert spaces/tabs in text using HTML/CSS
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Bootstrap Dropdown menu is not working
- Make div scrollable
- How to make the HTML link activated by clicking on the
- ?
- Set timeout for ajax (jQuery)
- CSS height 100% percent not working
- 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
- Why “Inline-block” doesn’t work properly in this CSS?
- How to fix a footer overlapping content?
- How would you make two s overlap?
- 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?
- CSS “margin: 0 auto” not centering
- margin-right is not working with my HTML. How can I center my content?
- how to center an inline div using css?
- How can I insert vertical blank space into an html document?
- How to place Text and an Image next to each other in HTML?
- Align text to the bottom of a div
- How to make a
- display in a horizontal row
- 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
- Why is jquery show() not working in example
- 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?
- Fully responsive HTML5 video
- Positioning
element at center of screen- How to get multiple images to auto resize and stay centered within a 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?
- 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
- WordPress stripping out BR tags, need assistance
- Eliminate render-blocking JavaScript and CSS in above-the-fold content
- how to setup content on a static frontpage with css and xhtml
- wordpress css file
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- Disable File Editing function
- Adding a Calculator to a WordPress Page
- Get post format and use it as a CSS class in different spans
- HTML email sent with wp_mail shows plain text
- Conditionally enqueue a stylesheet based off of a javascript click event
- Custom CSS is not working?
- Link to page with posts of specific type
- how to stop the shaking effect on my homepage [closed]
- Show/Hide Div for Login Mask
- How to avoid repeating similar properties for all tds of a table in a wordpress post
- Combine CSS Files without plugin
- WordPress Rest Api access the header and extract stylesheets URL
- How to make a function to play only on the home page?
- Where to add this code for a Modal box to work? [closed]
- Overriding inline !important CSS with Javscript code snippet with media query
- Getting click on item to open closest relevant element (popup) with jQuery
- Navigation menu disappears when I hover the mouse [closed]
- how to modify html on homepage (no home-page.php in my theme)
- Hide CSS class only in single post pages
- current menu item hover not working?
- Page flickers when new html5 video loads
- Target a specific container to style on WordPress storefront theme
- Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
- Where to find the html for WordPress site? [closed]
- My contact form is not being responsive
- I cannot make this position properly in WordPress [closed]
- Possible jquery / library conflict in plugin usage
- Add HTML input tag to to site navigation
- Outputting the blogposts or the_content()
- What can cause JavaScript and CSS files to be minified?
- I need css code to divide my webpage sections into two columns
- How do I add JS and CSS to WP (Flatsome)
- “Plate” theme broken after update