Title: Sidebars same width & arrows on mobile with same width?
Last modified: August 30, 2016

---

# Sidebars same width & arrows on mobile with same width?

 *  [Tufaann](https://wordpress.org/support/users/tufaann/)
 * (@tufaann)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/sidebars-same-width-arrows-on-mobile-with-same-width-1/)
 * Hey guys,
 * I’ve been through several topics and I managed to make my sidebars the same width
   on desktop/laptop.
 * I used this :
    `https://wordpress.org/support/topic/same-width-of-sidebars?replies
   =3` From this post [https://wordpress.org/support/topic/same-width-of-sidebars?replies=3](https://wordpress.org/support/topic/same-width-of-sidebars?replies=3)
 * But if i reduce the window size the left sidebar doesn’t really collapse.
    And
   I still don’t have the arrows to toggle my sidebars on the mobile (HTC m7) using
   chrome mobile.
 * Can someone please provide me with a Custom CSS code that will :
 *     ```
       <li>Make my sidebars the same width</li>
       <li>Show the arrows on mobile screens to expand</li>
       WOULD APPRECIATE IT ALOT! <3
       ```
   
 * Greetz,
    Tufaann

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

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/sidebars-same-width-arrows-on-mobile-with-same-width-1/#post-6672887)
 * Hi Tufaann. I am not a proponent of trying to change the basic structural layout
   of the theme, but you can try this css which should set the primary sidebar to
   260px (same as the secondary sidebar):
 *     ```
       /* 3 column, content middle; padding left plus background must add to 340 */
       .col-3cm .main-inner { padding-left: 260px; background-position: -80px 0; }
       .col-3cm .s1 { margin-left: -260px; }
       .s1 { width: 260px; }
       @media only screen and (min-width: 479px) and (max-width: 960px) {
           .s1-expand .s1 { width: 260px; }
           .s1-expand .s1 .sidebar-content,
           .s1-expand .s1 .post-nav { min-width: 260px; }
       }
       ```
   
 *  Thread Starter [Tufaann](https://wordpress.org/support/users/tufaann/)
 * (@tufaann)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/sidebars-same-width-arrows-on-mobile-with-same-width-1/#post-6672955)
 * Ok I gave it a test but i get the same problem as I did with the link I posted
   
   Check my website : [http://www.nulldesigns.com/](http://www.nulldesigns.com/)
 * When you reduce the screen size, the left sidebar doesn’t act like the right 
   one.
    and on mobile view the sidebar is like 70% instead of 100% width
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/sidebars-same-width-arrows-on-mobile-with-same-width-1/#post-6672972)
 * There are probably other adjustments that need to be made in the responsive.css
   file. Here’s a quote from the theme author in a post from a year ago that pretty
   much sums it up:
 * > The sidebar is quite a bit of work to change the width of, as there is a lot
   > of css/responsive stuff going on there as well as background images with certain
   > widths.
   > There are a few threads where this has been discussed on here, and I’d suggest
   > you would look for them as it’s beyond what I can assist with.
 *  Thread Starter [Tufaann](https://wordpress.org/support/users/tufaann/)
 * (@tufaann)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/sidebars-same-width-arrows-on-mobile-with-same-width-1/#post-6673013)
 * I’ve tried to change some stuff, but I really can’t figure out how to do it.
 * I even went to this website from a other topic : [http://www.benehmensberatung.com/wordpress/](http://www.benehmensberatung.com/wordpress/)
 * He was asking for help @ [https://wordpress.org/support/topic/responsive-design-problem-with-2-equal-width-sidebars](https://wordpress.org/support/topic/responsive-design-problem-with-2-equal-width-sidebars)
 * I download his responsive.css and custom.css style.css from within the inspect
   element option @ chrome.
    And replaced it with mine, and it didn’t change a thing
   🙁
 * I wish someone could help me.

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

The topic ‘Sidebars same width & arrows on mobile with same width?’ is closed to
new replies.

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

## Tags

 * [feature-candidate](https://wordpress.org/support/topic-tag/feature-candidate/)

 * 4 replies
 * 2 participants
 * Last reply from: [Tufaann](https://wordpress.org/support/users/tufaann/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/sidebars-same-width-arrows-on-mobile-with-same-width-1/#post-6673013)
 * Status: not resolved