Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #4386931
hide breadcrumbs on mobiles
Open

Comments

  • maximilianruschepaul started the conversation

    Hi there,

    in the Customize General section, there are options to  generally hide or shorten the breadcrumbs. Can it also been disabled for mobiles / small screens? It looks specifically bad there for longer breadcrumbs...

    Thank you!

  •  2,943
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

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

    Regards,
    PenciDesign.

  • maximilianruschepaul replied

    Works super well, thank you.
    For some reason the header for screens bigger than the definition below is now hidden behind the header: Sample link

    Not sure why this would be. Your code should actually not do that to my understanding. Anything you have seen before? I figured I could give it a display: fixed css to make it appear again, but that would make it look weird. Seems the position is somehow shuffled...?

  •  2,943
    PenciDesign replied

    Hi,

    The issue is caused by the header you built, which includes extra spacing and CSS that removes the bottom margin/padding. As a result, the breadcrumb has shifted to the top.

    Please go to Appearance → Customize → Custom CSS and add the following code:

    @media only screen and (min-width: 960px) {
      .elementor-337 {
        margin-bottom: 60px;
      }
    }
    

    Regards,
    PenciDesign.