Sidebars same width & arrows on mobile with same width?

  • 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://www.ads-software.com/support/topic/same-width-of-sidebars?replies=3
    From this post https://www.ads-software.com/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)

  • 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

    (@tufaann)

    Ok I gave it a test but i get the same problem as I did with the link I posted
    Check my website : https://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

    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

    (@tufaann)

    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 : https://www.benehmensberatung.com/wordpress/

    He was asking for help @ https://www.ads-software.com/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.