Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-05-11 04:45:38

lulu99
Member
Registered: 2014-07-14
Posts: 45

Hiding Breadcrumbs only on mobile devices

Hi.

Is it possible to hide breadcrumbs only on mobile devices?

Regards Kai

Offline

#2 2016-05-11 04:50:05

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,174
Website

Re: Hiding Breadcrumbs only on mobile devices

not in the Designer. You could do this with custom css.
Try using this in a media query:

ul.breadcrumbs {
display: none;
}

The media query will depend on what size devices you want to hide the bread crumbs. For more on writing media queries:
http://www.w3schools.com/css/css_rwd_mediaqueries.asp


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

#3 2016-05-11 05:15:19

lulu99
Member
Registered: 2014-07-14
Posts: 45

Re: Hiding Breadcrumbs only on mobile devices

Thanks Rod. Wouldn't it be possible to put it in the designer so we can decide by switch if we want it or not? Like the menu is working?

Offline

#4 2016-05-11 06:07:33

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,174
Website

Re: Hiding Breadcrumbs only on mobile devices

not my department wink
as my signature says, I'm just a user with too much time on his hands.

Matt may add it it, but I know he doesn't want to start adding too much to the designer as it the interface can get cluttered quickly.

But it's easy to do with custom css.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

Board footer

Powered by FluxBB