Home Forums WoodMart support forum Alignin Shop Breadcrump to Left

Alignin Shop Breadcrump to Left

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #248129

    GoDad
    Participant

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

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

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    #248225

    GoDad
    Participant

    Admin details in private content.

    #248227

    GoDad
    Participant

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

    #248310

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .woodmart-woo-breadcrumbs {
        display: block;
    }

    Best Regards

    #248312

    GoDad
    Participant

    Thx Worked but can we change also change background size?

    #248366

    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

    #248368

    GoDad
    Participant

    Not worked. 🙁

    #248415

    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

    #248444

    GoDad
    Participant

    Not Working you can check :S

    #248504

    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

    #248542

    GoDad
    Participant

    Here, small breadcrupm area size

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

    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

    #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.
    #248737

    Hello,

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

    Best Regards

    #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.
    #248910

    Hello,

    Please check now.

    Best Regards

    #248920

    GoDad
    Participant

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

    #248968

    Hello,

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

    Best Regards

Tagged: 

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