Depending on which device you want to target, you’ll need to use a media query, you can read more about those here:
CssTrick:
@media only screen and (max-width : 320px) {
#content {
display: flex;
/* Optional, if you want the DIVs 100% width: */
flex-direction: column;
}
#content > .wooside { order: 1; }
#content > .nine { order: 2; }
}
Hope you understand!!
Related Posts:
- Need to make sidebar responsive only when screen width is greater than 1024px
- Trying to load a responsive CSS media query using Custom Taxonmy
- customizing recent posts
- Duplicate and alter sidebar for Twenty Eleven
- What controls responsiveness in WordPress?
- WordPress Twenty Fourteen Theme Sidebar
- Why does my caroussel gallery do this in responsive? [CSS] [closed]
- @media in bluehost is being commented out [closed]
- Responsive Images Warping
- Old Site displays on Mobile View, not New Site
- No responsive design is displayed
- Title has word broken when viewed in mobile [closed]
- Why is this jquery / java script code not working in mobile / in devices?
- Faster fonts on mobile
- Change Header Image on Blog Post for Mobile View
- Menu toggle bar works only on some pages in WordPress
- Sidebar missing from Homepage
- why does this text overlaps in the sidebar?
- WordPress sidebar content moving to bottom of page
- New Styles Not Rendering On Mobile Phone and Tablet
- Style sidebar for a custom page template exclusively
- @media applying globally and not separately for each screen width [closed]
- Sidebar widgets are over the content in mobile mode, how can I fix it? [closed]
- My contact form is not being responsive
- Sidebar at bottom however I have completely replaced theme folder back to original code
- Site not 100% responsive
- Header formatting works for safari but not chrome @media screen size technique on iphone
- Bootsrtap.css overlap style.css in custom wordpress theme
- How do i make a sidebar background color? [closed]
- Twenty Fourteen responsive CSS
- How would I use a media query to make my entire theme responsive or fluid? [closed]
- Responsive table on ios safari
- Twenty Fourteen Theme – Moving left sidebar to the right
- How to make this splash page responsive
- Change sidebar product category text color (woocommerce) [closed]
- IE 6~8 ignoring font, background, and margins on sidebar [closed]
- Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size
- Making a
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- What is the difference between the selectors “.class.class” and “.class .class”?
- How can I replace text with CSS?
- Bootstrap 4, How do I center-align a button?
- How do I horizontally center a span element inside a div
- Is background-color:none valid CSS?
- Text not wrapping inside a div element
- How to make padding:auto work in CSS?
- How to vertically center inside the parent element with CSS?
- CSS Outside Border
- CSS not working in Chrome
- Pure CSS to make font-size responsive based on dynamic amount of characters
- How to enqueue style before style.css
- wp_enqueue_script + how to load JS or CSS in one URL merge call?
- hSite has no css on mobile [closed]
- How to set different font family based on text language?
- Relative path in wp_register_style not working
- How to Add Custom CSS Buttons to WordPress as a Shortcode?
- How do I add an indicator to my .menu-item if it contains a .sub-menu?
- How do you customize the admin bar for buddypress?
- Code working just in specific time period
- Moving button on Online Consulting theme
- How to edit the default icon of Add Media button?
- Hide Image On WordPress On Single Page [closed]
- Reduce white space in twenty fourteen
- Ordering stylesheet above using functions.php
- How to know which order WordPress places CSS files?
- How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
- Show class from css in format dropdown
- All of my custom Bootstrap styles are not working in my child theme!
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- Overwriting forced wordpress CSS styles [closed]
- How to add/insert a class to a sidebar in single.php?
- Show Secondary Sidebar on Category pages (archive)
- Customizing WP-syntax to get custom colors
- W3TotalCache and Javascript — what should go where, when?
- 2 css files? Theme css file gets override by another css file that I can not edit
- How to insert the current user’s role into the body class in the admin backend
- custom template display 3 columns
- Does anyone know how to make text fade in when scrolling down, that doesn’t require any plug-ins? [duplicate]
- Blog page and the Home page showing the same content
- How to change specific menu tab from left to right in My Home Theme?
- WP Admin Bar transparent on some pages (.screen-reader-shortcut)
- Admin bar default color scheme for nonregistered/nonlogged users
- Lines of CSS only being delivered while logged in
- How to Compress Css/js code in wordpress and increase loading speed?
- How to Take Logo Out of Navigation Menu? [closed]
- Make different border color gallery items
- How remove the white space between my menu and slider?
- WordPress site using unknown overriding css
- Move both sidebars more to their sides [closed]
- Style Switching
- Adding a css style to the main nav menu in child pages
- Theme looks ugly – FOUC – stylesheets loaded in footer
- How to target only one element if more elements share the same CSS class
- Can’t override CSS with child theme
- Why doesn’t media(max-width) work on h2 title?
- How to use WordPress 3.8 back-end CSS in front-end?
- Enqueue MCE Editor CSS in admin page
- Narrow paragraph block aligned to left of “wrapper”
- Customize margin between paragraphs using the Gutenberg Style editor
- How to remove automatically added custom style tag?