Breadcrumbs bar

Hi Kaleidoscope_Advertising_and_Design_Inc,

Please add this CSS code in Quick CSS, located in Enfold > General Styling:

#top #main {
    position: relative;
}

#top #main .stretch_full.title_container {
    position: fixed;
    top: 147px;
    width: 100%;
    z-index: 320;
}

Best regards,
Nikko

Hi Kaleidoscope_Advertising_and_Design_Inc,

You can change the top values for different devices:
Ipad Landscape Mode (add this):

@media only screen and (max-width:1024px) {
  #top #main .stretch_full.title_container {
    top: 147px;
  }
}

Ipad Portrait Mode (add this):

@media only screen and (max-width:959px) {
  #top #main .stretch_full.title_container {
    top: 122px;
  }
}

Mobile Device (add this):

@media only screen and (max-width:767px) {
  #top #main .stretch_full.title_container {
    top: 142px;
  }
}

Best regards,
Nikko

• This reply was modified 4 years, 9 months ago by Nikko.

Hi Kaleidoscope_Advertising_and_Design_Inc,

I apologize for that, this is the right one for iPad portrait mode:

@media only screen and (max-width:959px) {
  #top #main .stretch_full.title_container {
    top: 122px;
  }
}

Best regards,
Nikko

• This reply was modified 4 years, 9 months ago by Nikko.

Hi Kaleidoscope_Advertising_and_Design_Inc,

I apologize again, I haven’t added the selectors (I have fixed the code above) but I’ll rewrite it again (remove the media queries I gave last time) and use this one instead:

@media only screen and (max-width:1024px) {
  #top #main .stretch_full.title_container {
    top: 147px;
  }
}

Ipad Portrait Mode (add this):

@media only screen and (max-width:959px) {
  #top #main .stretch_full.title_container {
    top: 122px;
  }
}

Mobile Device (add this):

@media only screen and (max-width:767px) {
  #top #main .stretch_full.title_container {
    top: 142px;
  }
}

Best regards,
Nikko

Hi Kaleidoscope_Advertising_and_Design_Inc,

I have checked your site and I don’t see any changes.
Since the breadcrumbs bar as you mentioned floats, it should also change location when you change the top value, the issue most likely is due to caching.
Please try to flush out the cache.

Best regards,
Nikko

Hi Kaleidoscope_Advertising_and_Design_Inc,

Thanks, just let us know it goes.

Best regards,
Nikko