Widgets: Responsive visibility option

[FlawlessWeb]

Hey,

One of the best features in Cardinal is the responsive visibility row option so that you can easily hide assets on mobile devices etc.

It would be very handy if you could somehow implement this same feature on widgets. In lots of cases, you may want to hide one or more widgets on mobile devices (I know you can do this with media queries in css, but its not the most straightforward way to achieve it).

Not sure if that is a very complex feature to implement, but it would be great to see in a future update.

Thanks.

[Kyle – SUPPORT]

Hi

Not sure if it’s possible for us add functionality to default widgets, but will look into it.

Thanks for the request

– Kyle

[Nunes]

Hi, how can i hide the widgets on mobile visibility?

Tanks

[Rui Guerreiro – SUPPORT]

Hi,

At the moment only with custom css.
What is the widget you want to hide in mobile?

-Rui

[Nunes]

hi ,

All would not want to see mobile none .

Thanks for responding.

[Kyle – SUPPORT]

Can you provide us with your link? Or try:

@media only screen and (max-width: 320px) { 
.widget {
  display:none!important;
}
}

– Kyle

[Nunes]

This is for cardinal?
the line

display:none!important;looks like doesn’t work well.

[Kyle – SUPPORT]

I need to see your link to check why it’s not working

– Kyle

[Nunes]

This reply has been marked as private.

[Kyle – SUPPORT]

.widget {
display: none;
}

Works fine for me? (see screenshot) That’s to hide in iPhones, to hide earlier just increase the value ‘320px’

– Kyle

Attachments:

You must be logged in to view attached files.

[Nunes]

This has made ​​to conceal the entire website, not only in mobile 🙁

[Kyle – SUPPORT]

That’s why you need to add it within the media query like I said:

@media only screen and (max-width: 320px) { 
.widget {
  display:none!important;
}
}

– Kyle

[Nunes]

But then with that new code does not work .

Attachments:

You must be logged in to view attached files.

[Nunes]

He seems to be having some error

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

That doesn’t look like 320px wide to me, have you tested on an iPhone?

– Kyle