Unresponsive Tables in Pages or Posts
-
I put a table in a page thinking the theme would make it responsive automatically but it’s not. How do I make a table responsive? Do I have to edit the CSS? My blog is on a free plan so I’m guessing I can’t use a CSS editor. I can’t do View>Source Code from my browser (Safari) either. Can I set the width in <div> or <style> tags?
The blog I need help with is: (visible only to logged in users)
-
Yes, it would take some custom CSS since it requires a media query. There’s an example here under “Formatting for Mobile Layouts.”
Custom CSS is available with the Premium or Business plans.
-
p.s. if you decide to upgrade, you can get further help in the CSS Customization forum with any specific tweaks you’d like to make.
-
Hello
I have added a custom CSS and it works very well on my laptop, but it has a bad impact on the sidebar on my mobile. (Theme is Rowling). Can you please let me know if i can only apply the changes to laptop version?
FYI this is the CSS i have added
.sidebar {
float: 0;
padding: 0;
width: 0;
display : none;
}.home .sidebar {
float: right;
padding: 50px 0 50px 3.75%;
width: 28.5%;
background-color : #f1f1f1;
display : inline ;
}.single-post .post {
width : 100%;
background-color : #fff;
}.wrapper {
background-color : #fff;
}.content {
width : 90%;
}.home .content {
width : 68%;
}.home .wrapper section-inner {
background-color : #f1f1f1;
}The blog I need help with is humancapitaliser.blog.
-
You can wrap any CSS in a media query to affect a specific screen size – learn more about media queries here:
https://en.support.wordpress.com/custom-design/custom-css-media-queries/
If you’d like additional help, please post in the CSS Customization forum as I mentioned earlier and provide a link to the page or post with your table so folks can have a look directly.
- The topic ‘Unresponsive Tables in Pages or Posts’ is closed to new replies.
WordPress.com Forums 