my site when it loads in a responsive mode the sidebar is below almost everything else is there any way I can move it up a bit, any css i can put the theme is nanomag
my site when it loads in a responsive mode the sidebar is below almost everything else is there any way I can move it up a bit, any css i can put the theme is nanomag
Share Improve this question asked Mar 29, 2018 at 2:09 user129261user129261 12 Answers
Reset to default 0You could use some absolute positioning CSS for that media query for that class that displays the sidebar. It all depends on how the theme code is written, as does the actual name of the class that the theme uses. One tutorial on that subject is here: https://www.w3schools/css/css_positioning.asp
You might be able to put your CSS in the Custom CSS of the Theme Customization, making sure you add the proper media query statement so it doesn't affect other screen resolutions. Otherwise, you'll have to do a Child Theme, so you don't mess with the theme's CSS.
In most of the themes, sidebar are shown at bottom on responsive rather than top of content. You can move that by using media query statement on css section. Use proper position and styles at the required responsive one. You can add your custom css on Dashboard > Appearance > Customize and find Additional CSS.
I found this article on google where you can get some hints.
https://techtabby/move-sidebar-content-website-wordpress-genesis/