Advertisement:

Author Topic: [SOLVED]Widgets responsive or hidden  (Read 1087 times)

Gabender

  • Jr. Member
  • **
  • Posts: 53
[SOLVED]Widgets responsive or hidden
« on: November 22, 2013, 12:38:12 am »
hello guys, how can I make a widget outside responsive? when the site is viewed on a smartphone can hide some widgets via css?
« Last Edit: November 23, 2013, 07:37:00 pm by Gabender »

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Widgets responsive or hidden
« Reply #1 on: November 22, 2013, 01:51:02 am »
yes..in css   .your class {display:hidden} where your @media size is that you want to change

Gabender

  • Jr. Member
  • **
  • Posts: 53
Re: Widgets responsive or hidden
« Reply #2 on: November 22, 2013, 02:15:46 am »
 :D can you make me an example with the @? I do not understand how to use this condition

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: Widgets responsive or hidden
« Reply #3 on: November 22, 2013, 07:23:18 pm »
i don't know what size you want it to disappear.

towards the bottom of the main css, you will find sections called
"@media only screen and (max-width: xxxl) {ul.r-list li{float:none;width:100%}ul.r-list>li:nth-child(2n),…" etc. place your style in that area.

or you could open the sass file and change it in the responsive folder.

Gabender

  • Jr. Member
  • **
  • Posts: 53
Re: Widgets responsive or hidden
« Reply #4 on: November 22, 2013, 09:31:54 pm »
 ;D
the problem has been solved!

@media only screen and (max-width: XXXpx) {
#Myclass {
    display: none;
}

Thanks :)