Advertisement:

Author Topic: Breadcrumb gets hidden below search bar  (Read 179 times)

moinuddin

  • Full Member
  • ***
  • Posts: 102
Breadcrumb gets hidden below search bar
« 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.





BritWeb

  • Hero Member
  • *****
  • Posts: 770
  • If it ain't broke, don't fix it.
Re: Breadcrumb gets hidden below search bar
« Reply #1 on: July 19, 2019, 10:23:51 pm »
Looks OK from this end


moinuddin

  • Full Member
  • ***
  • Posts: 102
Re: Breadcrumb gets hidden below search bar
« Reply #2 on: July 19, 2019, 11:21:31 pm »
Please see from mobile view

WEBmods

  • Hero Member
  • *****
  • Posts: 936
  • github.com/webmods-croatia/love-osclass/ | patrick
Re: Breadcrumb gets hidden below search bar
« Reply #3 on: July 20, 2019, 12:06:38 am »
Edit: Look at @BritWeb solution.
« Last Edit: July 20, 2019, 12:49:50 am by WEBmods »

BritWeb

  • Hero Member
  • *****
  • Posts: 770
  • If it ain't broke, don't fix it.
Re: Breadcrumb gets hidden below search bar
« Reply #4 on: July 20, 2019, 12:09:43 am »
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

  • Full Member
  • ***
  • Posts: 102
Re: Breadcrumb gets hidden below search bar
« Reply #5 on: July 20, 2019, 08:29:37 am »
Thanks to all,

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

moinuddin

  • Full Member
  • ***
  • Posts: 102
Re: Breadcrumb gets hidden below search bar
« Reply #6 on: July 21, 2019, 04:32:19 pm »
thanks to all, but its not working.

WEBmods

  • Hero Member
  • *****
  • Posts: 936
  • github.com/webmods-croatia/love-osclass/ | patrick
Re: Breadcrumb gets hidden below search bar
« Reply #7 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.

moinuddin

  • Full Member
  • ***
  • Posts: 102
Re: Breadcrumb gets hidden below search bar
« Reply #8 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..

BritWeb

  • Hero Member
  • *****
  • Posts: 770
  • If it ain't broke, don't fix it.
Re: Breadcrumb gets hidden below search bar
« Reply #9 on: July 22, 2019, 04:32:05 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
« Last Edit: July 22, 2019, 04:36:04 pm by BritWeb »

WEBmods

  • Hero Member
  • *****
  • Posts: 936
  • github.com/webmods-croatia/love-osclass/ | patrick
Re: Breadcrumb gets hidden below search bar
« Reply #10 on: July 22, 2019, 07:43:00 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.

moinuddin

  • Full Member
  • ***
  • Posts: 102
Re: Breadcrumb gets hidden below search bar
« Reply #11 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.