Jump to content


Photo
- - - - -

Responsive Sidebar: Don't show at certain size

responsive sidebar

Best Answer James B , 10 January 2014 - 08:22 AM

Hi Bentley

 

You'll need to use @media to hide the side bar at a set screen size. Change the screen size to fit when you want it to vanish.

 

@media (max-width:930px) {

ul.sidebar_widgets {
    display: none;
}
}
Go to the full post


  • Please log in to reply
11 replies to this topic

#1 BentleyD

BentleyD

    Super Member

  • Members

  • 129 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 09 January 2014 - 09:24 PM

http://theeargazm.com On my single posts I'd like the side bar to disappear at a certain size. As you can tell, when you make the window small, the side bar covers the post. I know that this is plug in related, but if i could make the sidebar in general not function or disappear at a certain size, it would solve the issue. 



#2 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 09 January 2014 - 09:48 PM

Which browser are you seeing this in? 

 

I look at this page http://theeargazm.co...ceo-wonderland/ and i do not see this happening - the sidebar does dissapear and does not cover the post. 

 

Am i looking at the wrong page? 



#3 BentleyD

BentleyD

    Super Member

  • Members

  • 129 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 09 January 2014 - 10:49 PM

No thats the right page. This is what happens http://theeargazm.co...-2.47.20-PM.png



#4 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 10 January 2014 - 12:49 AM

VEry odd - i cannot replicate this - which browser are you using here - am i right in thinking it is Safari? 



#5 BentleyD

BentleyD

    Super Member

  • Members

  • 129 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 10 January 2014 - 01:09 AM

@Martin Davies Chrome all day everyday.. That's super weird you can't replicate. I have the same issue on mobile devices. That's where the issue actually became a problem.



#6 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 10 January 2014 - 02:00 AM

Just a thought! Are you using any browser extensions?


Sent from my iPhone using Tapatalk

#7 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 10 January 2014 - 02:03 AM

this is how i see the site http://d.pr/i/WDFs



#8 BentleyD

BentleyD

    Super Member

  • Members

  • 129 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 10 January 2014 - 07:07 AM

@Martin Davies It's on 3 different computers, an iphone and an ipad. On mobile devices it hovers over the footer when you scroll all the way down. It's not a browser issue..



#9 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 January 2014 - 08:22 AM   Best Answer

Hi Bentley

 

You'll need to use @media to hide the side bar at a set screen size. Change the screen size to fit when you want it to vanish.

 

@media (max-width:930px) {

ul.sidebar_widgets {
    display: none;
}
}

  • BentleyD likes this

#10 BentleyD

BentleyD

    Super Member

  • Members

  • 129 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 10 January 2014 - 10:11 AM

@James B That didn't seem to work..



#11 BentleyD

BentleyD

    Super Member

  • Members

  • 129 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 10 January 2014 - 10:20 AM

Nevermind. That worked great! Thanks again! @James B



#12 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 January 2014 - 05:38 PM

You're welcome, glad it worked :-)







Also tagged with one or more of these keywords: responsive, sidebar