Alignin Shop Breadcrump to Left

This topic has 18 replies, 2 voices, and was last updated 4 years, 2 months ago by Elise Noromit.

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
December 5, 2020 at 3:42 pm #248129

GoDad
Participant

Hello how can i align shop mobile breadcrump to the left?

Attachments:
You must be logged in to view attached files.

December 5, 2020 at 10:18 pm #248189

Elise Noromit
Member

Hello,

Please provide your site admin access to the private area.

Best Regards

December 6, 2020 at 7:35 am #248225

GoDad
Participant

Admin details in private content.

December 6, 2020 at 7:44 am #248227

GoDad
Participant

Also if possible can you try a little bit smaller background for shop page breadcrump?

December 6, 2020 at 3:15 pm #248310
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:
```
body .woodmart-woo-breadcrumbs {
    display: block;
}
```
Best Regards
December 6, 2020 at 3:23 pm #248312

GoDad
Participant

Thx Worked but can we change also change background size?

December 6, 2020 at 6:39 pm #248366
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12) .woodmart-woo-breadcrumbs .woocommerce-breadcrumb{
	margin-bottom: 15px;
}
```
Best Regards
December 6, 2020 at 6:42 pm #248368

GoDad
Participant

Not worked. 🙁

December 6, 2020 at 11:41 pm #248415
Elise Noromit
Member
Hello,

Sorry, the margin should be zerow. Please replace the code with this one:
```
body .offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12) .woodmart-woo-breadcrumbs .woocommerce-breadcrumb{
	margin-bottom: 0;
}
```
and add this code to align left:
```
body .woodmart-woo-breadcrumbs {
    display: block;
}
```
I see you have not added it.

Best Regards
December 7, 2020 at 6:15 am #248444

GoDad
Participant

Not Working you can check :S

December 7, 2020 at 9:33 am #248504

Elise Noromit
Member

Hello,

Here is what I see on mobile: https://prnt.sc/vxcnoi

Please provide the screen from mob and show what you want to change.

Best Regards

December 7, 2020 at 11:49 am #248542

GoDad
Participant

Here, small breadcrupm area size

Attachments:
You must be logged in to view attached files.

December 7, 2020 at 6:20 pm #248646
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
@media (max-width: 768px){
body .offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12) .woodmart-woo-breadcrumbs .woocommerce-breadcrumb,
body .offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12) .woodmart-woo-breadcrumbs .yoast-breadcrumb {
    margin-bottom: 0;
}
}
body.archive .main-page-wrapper {
    margin-top: -20px;
    padding-top: 0;
}
```
Best Regards
December 7, 2020 at 7:44 pm #248671

GoDad
Participant

Working but looks not good i changed -20 to -10 but this time bottom looks bigger than top.

Attachments:
You must be logged in to view attached files.

December 7, 2020 at 11:30 pm #248737

Elise Noromit
Member

Hello,

Please try my code without change. and let me know.

Best Regards

December 8, 2020 at 6:26 am #248772

GoDad
Participant

İ alredy didnt change code i checked. That one is original, i also added same screenshot below. i select the place which i dont want.

Attachments:
You must be logged in to view attached files.

December 8, 2020 at 2:42 pm #248910

Elise Noromit
Member

Hello,

Please check now.

Best Regards

December 8, 2020 at 2:58 pm #248920

GoDad
Participant

Now original size. Nothing changed. i want that area smaller.

December 8, 2020 at 5:27 pm #248968

Elise Noromit
Member

Hello,

it is not possible to do it smaller as it involves broking or other elements.

Best Regards
Author

Posts