Switch top panels of Sidebars (follow with social media buttons with more)

  • In theme options we can switch contents of each sidebar, But is there also a option through which we can switch the top most panels to . those side-boxes , contenting Follow (with social media buttons )and and more.

    I want follow bar on right and ‘More’ bar on the left.
    i don’t want to switch the entire side bars, i know thats a tricky task, but could it be possible that we can just switch those top most panels.

    Let me tell you what i have tried.
    >I know Its not the ideal practice , but i tried switching sides by diving into the code , i went into sidebar.php and sidebar-2.php
    i switched contents of
    <div class=”sidebar s2″> & <div class=”sidebar s1″>
    It did the trick , but the only new problem that started was when i take my mouse to the social media buttons, a small popup is suppose to come telling me that this is facebook or twitter or rss , but in my case that was cut into half because i think z-index of my menu just above is more then those popups. can any of you tell me how to increase there z-index.
    Note: I did these above changes in parent theme.

    If this is my only solution then could you plz tell me how this can be done in ideal way , by child theme and not by changing parents theme code.

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

  • Hello sunnyarror,

    To do this, you need to switch some of the code in sidebar.php and sidebar-2.php. I did this for you. You can download the files below and copy them to your theme folder, replacing both sidebar.php and sidebar-2.php. Please use a child theme.

    https://www.dropbox.com/s/3zquqxg7zwnn0ro/sidebar.php?dl=0

    https://www.dropbox.com/s/ypae7s8a0iug8dz/sidebar-2.php?dl=0

    Hope that helps.

    Thread Starter sunnyarror

    (@sunnyarror)

    sorry, but it didn’t work . i don’t know what happened but , now my code exchange of side bar is also not working

    Thread Starter sunnyarror

    (@sunnyarror)

    it worked,
    this was what was earlier doing ,
    there is a few problems with it
    you can see in this snapshot
    https://postimg.org/image/l8fi5e2jj/
    now the problem is that small pop is not showing.
    and the second is , i am changing parent theme. is there a way in which i can make some changes in child them , so that these changes doesn’t disapper on next theme updates

    Hello, try adding this to you custom stylesheet:

    .social-links .social-tooltip:hover:after {z-index:2222 !Important;}

    If you don’t want all customizations to get lost during a theme update, copy all custom template files (like the ones I shared) to your child theme.

    Hope that helps.

    Thread Starter sunnyarror

    (@sunnyarror)

    thank you very much, your last solution didn’t work.
    I found a SOLUTION
    `#header .container-inner {position: relative;z-index: 0;}

    can you help me with one more thing, now how to edit sidebar width of these new Sidebars.

    I want my Left one which is secondary sidebar now to be 280px; and the right one which is primary to be 300px, please help me with this too, i will be really grateful to you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Switch top panels of Sidebars (follow with social media buttons with more)’ is closed to new replies.