Title: Sidebar Responsive
Last modified: October 7, 2019

---

# Sidebar Responsive

 *  [winter74](https://wordpress.org/support/users/winter74/)
 * (@winter74)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/sidebar-responsive/)
 * I have three themes installed
 * 1) Alante >>> Original Alante
    2) Alante2 >>> Copy of Alante whith some changes
   3) Alante3 >>> 1:1 of 1)
 * On a mobile I get the sidebar on the bottom of the content with 1). With 2) the
   sidebar is not visible, same with 3)
 * I have tested this with all my plugins and with all plugins de-activated !!! 
   So it is not a plugin conflict.
 * When I look into the style-responsive.css in all three themes there is the following
   code:
 *     ```
       /* Small Tablets & Larger Phones */
       @media only screen and (max-width: 685px) {
   
       	/* Main */
       	#pre-header-links-inner,
       	#pre-header-social,
       	#breadcrumbs,
       	#sidebar,
       	#intro.option3 .page-teaser,
       	#footer-menu,
       	.meta-author {
       		display: none !important;
               padding: 0 10px;
       ```
   
 * When I change “display: none” to “display: block” the sidebar is shown on the
   bottom, but with a small with.
 * No it comes to my question….
 * A) How does the theme makes the sidebar in 1) visible with “display: none”?
    
   B) How can I make the sidebar visible in 2) without changing “display none” to“
   display: block”? <<< This would be the original solution from Alante C) If I 
   need to change “display: none” to “display: blok”, how can I make the sidebar
   full with (exactly like the content above, with same spaces)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [TUT Support](https://wordpress.org/support/users/phpexpert21/)
 * (@phpexpert21)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/sidebar-responsive/#post-12012911)
 * Hello [@winter74](https://wordpress.org/support/users/winter74/),
 * We can show the sidebar with the help of custom css. Please apply the below given
   css under Appearance -> Customize -> Additional Css-
 *     ```
       @media only screen and (max-width: 685px) {
       #sidebar {
       display: block !important;
       width: 100% !important;
       }
       }
       ```
   
 * Kind regards,
 * Manoj
 *  Thread Starter [winter74](https://wordpress.org/support/users/winter74/)
 * (@winter74)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/sidebar-responsive/#post-12013351)
 * Thanks Manoj
 *  [TUT Support](https://wordpress.org/support/users/phpexpert21/)
 * (@phpexpert21)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/sidebar-responsive/#post-12016707)
 * Hello [@winter74](https://wordpress.org/support/users/winter74/),
 * Glad I could help! 🙂
 * If you get a chance we’d absolutely love for you to leave a review for Alante.
   Don’t worry if you don’t get a chance, we know how busy it can get when building
   a new site. 🙂
 * You can leave a review for Alante here:
 * [https://wordpress.org/support/view/theme-reviews/alante#postform](https://wordpress.org/support/view/theme-reviews/alante#postform)
 * If you have anymore questions let us know!”
 * Kind regards,
 * Manoj

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Sidebar Responsive’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/alante/1.6.2/screenshot.png)
 * Alante
 * [Support Threads](https://wordpress.org/support/theme/alante/)
 * [Active Topics](https://wordpress.org/support/theme/alante/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/alante/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/alante/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [TUT Support](https://wordpress.org/support/users/phpexpert21/)
 * Last activity: [6 years, 8 months ago](https://wordpress.org/support/topic/sidebar-responsive/#post-12016707)
 * Status: not resolved