Osclass forums

Support forums => General help => Topic started by: moinuddin on July 19, 2019, 07:28:56 pm

Title: Breadcrumb gets hidden below search bar
Post by: moinuddin on July 19, 2019, 07:28:56 pm

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.

Title: Re: Breadcrumb gets hidden below search bar
Post by: BritWeb on July 19, 2019, 10:23:51 pm

Looks OK from this end

Title: Re: Breadcrumb gets hidden below search bar
Post by: moinuddin on July 19, 2019, 11:21:31 pm

Please see from mobile view

Title: Re: Breadcrumb gets hidden below search bar
Post by: WEBmods on July 20, 2019, 12:06:38 am

Edit: Look at @BritWeb solution.

Title: Re: Breadcrumb gets hidden below search bar
Post by: BritWeb on July 20, 2019, 12:09:43 am

Quote from: moinuddin on July 19, 2019, 11:21:31 pm

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

Title: Re: Breadcrumb gets hidden below search bar
Post by: moinuddin on July 20, 2019, 08:29:37 am

Thanks to all,

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

Title: Re: Breadcrumb gets hidden below search bar
Post by: moinuddin on July 21, 2019, 04:32:19 pm

thanks to all, but its not working.

Title: Re: Breadcrumb gets hidden below search bar
Post by: WEBmods on July 21, 2019, 05:03:14 pm

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.

Title: Re: Breadcrumb gets hidden below search bar
Post by: moinuddin on July 21, 2019, 11:20:53 pm

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

Title: Re: Breadcrumb gets hidden below search bar
Post by: BritWeb on July 22, 2019, 04:32:05 pm

Quote from: moinuddin on July 21, 2019, 11:20:53 pm

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

Title: Re: Breadcrumb gets hidden below search bar
Post by: WEBmods on July 22, 2019, 07:43:00 pm

Quote from: BritWeb on July 22, 2019, 04:32:05 pm

Quote from: moinuddin on July 21, 2019, 11:20:53 pm

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.

Title: Re: Breadcrumb gets hidden below search bar
Post by: moinuddin on July 22, 2019, 07:55:57 pm

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.