Breadcrumb gets hidden below search bar

[moinuddin]

Hi,

I have a website footwearwholesale.in.

When going to the link below

https://footwearwholesale.in/index.php?page=item&id=52


It shows breadcrumb hidden below search box .


Anyone has solution?

Thanks in advance.

[BritWeb]

Looks OK from this end

[moinuddin]

Please see from mobile view

[WEBmods]

Edit: Look at @BritWeb solution.

[BritWeb]

Please see from mobile view

There is a banner above the logo that pushed the whole thing down and hides your breadcrumb. Remove it or if you don't want to remove it, add the following code to your 'main.css' ...

Code: [Select]

div.breadcrumb {
margin-top:30px
}

...just above the following code...

Code: [Select]

}

@media only screen and (max-width: 640px) {
    body .item-header #type_dates {
        float: none
    }
Hope its clear.


Regards

[moinuddin]

Thanks to all,

I will put this code and let u know the result shortly.

[moinuddin]

thanks to all, but its not working.

[WEBmods]

Back to my solution, try adding this to your CSS file. Also, clean your browser cache after you make the changes.

Code: [Select]

@media only screen and (max-width: 740px) {
    .breadcrumb {
        margin-top: 70px;
    }
}

Regards.

[moinuddin]

 Hi webmods and britweb,

I have found a solution ..i have added html br tags before the breadcrumb codes..now its working fine..thanks again for your help..

[BritWeb]

Hi webmods and britweb,

I have found a solution ..i have added html br tags before the breadcrumb codes..now its working fine..thanks again for your help..

CSS would give a better control than '<br />'


Regards

[WEBmods]

Hi webmods and britweb,

I have found a solution ..i have added html br tags before the breadcrumb codes..now its working fine..thanks again for your help..

CSS would give a better control than '<br />'


Regards

Yep. Now the breadcrumb has a lot of whitespace above it on PC.

Regards.

[moinuddin]

Yes,

I think you both are correct as in mobile its perfect but has spoiled the view on desktop site..

Ill use the css codes and will update both of you after testing the css codes.