Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 17, 2018 at 5:18 pm #986516
    bakbek

    Hi, how can I remove the breadcrumbs only for mobile devices?

    July 17, 2018 at 5:35 pm #986521
    Dude

    Hey DROR,

    You can use this code to hide the breadcrumb on mobile devices – add it to the child theme style.css file or to the quick css field:

    
@media only screen and (max-width: 767px){
#top #wrap_all .breadcrumb {
    display: none;
}
}

    If you want to hide the breadcrumb on tablets you can replace 767px with a higher value like 1024px.

    Best regards,
    Dude

    July 18, 2018 at 10:58 am #986880
    bakbek

    Thanks, how can I also remove the title? I don’t any part of the breadcrubms showing on mobile.

    July 18, 2018 at 3:45 pm #987058
    Victoria

    Hi bakbek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
   .container_wrap.title_container {
     display: none;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.