How can I adjust bread crumb settings and copyright alignment?

Store Design
1

Hey,

  1. How can I remove bread crumps from desktop ONLY?

  2. How can I move the ‘Copyright’ to the left so it would be aligned with the rest of the menu items? (Mobile only)

URL: https://www.bafaluc.com

Password: SAWBAW

2

@Pam9 - for breadcrumb, please add this css to the very end of your theme.css file and check, copyright is already on left only

@media screen and (min-width: 750px){
.breadcrumb {display: none;}
}
3

You will need to add the following code snippet to the very bottom of your theme.css file. This code snippet will hide breadcrumbs on Desktop, and will align your “copyright” with your footer’s menu items.

@media screen and (max-width: 750px) {
    .footer-copyright.body-text-sm {
        padding-left: 30px;
    }
}

@media screen and (min-width: 750px) {
    .breadcrumb {
       display: none;
     }
}
4

Hey @Crimson_Shot ,

Thank you for the reply. The breadcrump has been removed, the copyright is still at the same place though.

5

Hey @suyash1 ,

Thank you for the reply. The copyright on mobile is not aligned with the rest of the menu items.

6

Hey @Pam9 . Try this instead of the first part I shared with you:

@media screen and (max-width: 750px) {
    .footer-copyright {
        padding-left: 30px;
    }
}
7

Still doesn’t work.