Breadcrumbs on smartphone

Tagged: breadcrumbs hiding titles

This topic has 7 replies, 3 voices, and was last updated 4 years, 8 months ago by acmethemes.

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

Author

Posts
August 24, 2019 at 8:11 am #67410

Lousse Jérôme
Participant

Hello,
The breadcrumbs on smartphone take too much room on certain webpages… They hide the title of the page that are under the navigation bar. I would like to keep the breadcrumbs on the computers and tablets but would like that they dont appear on smartphones… Is this possible? Or, just limit the number of the links of the breadcrumbers in order that the title doesnt dissapear under the navigation bar on the smartphones… Is this possible?

Thank you for your time.

Jerome

August 29, 2019 at 12:56 pm #67778

acmethemes
Keymaster

Hello Lousse Jérôme,
Sorry this feature is not available in the free theme. If you want this feature in free theme then it will require theme customization.

August 30, 2019 at 1:19 pm #67829

Lousse Jérôme
Participant

Dear Acme,

I didnt subscribe to the free theme I have education base pro… Is there still any possiblity to customize? And how so?

September 1, 2019 at 5:07 pm #67976

acmethemes
Keymaster

Dear Lousse Jérôme,
Could you please provide us with the URL of your site so that we can observe it properly?

Best Regards!

September 4, 2019 at 4:58 pm #68241

Lousse Jérôme
Participant

hello,

The URL of the website is https://www.site2.csgn.be/. An example of a webpage that has breadcrumbs that hides the title under the navigation bar : https://www.site2.csgn.be/formations/humanites-professionnelles/travaux-de-bureau/

Thank you!

March 20, 2020 at 8:36 am #77570

acmethemes
Keymaster

Hello Lousse Jérôme,
We didn’t see any kind of such problem on your site. Can you provide a screenshot indicating the issue?

Best Regards!

March 20, 2020 at 9:16 am #77574

lousj
Participant

Here is the link for the screen shot.. I circled the problem in red… Thank you for your comprehension…

InkedScreenshot_20200320-100319_Chrome_LI

March 23, 2020 at 8:56 am #77670
acmethemes
Keymaster
Hello Lousse Jérôme,
There are no such option for limiting the number of the links of the breadcrumb or hide in mobile devices only.
But you can add height to the inner banner so that it does not disappear under the navigation bar.
Please follow the path below:
Appearance > Customize > Header Options > Header Image
Under Inner Page Header Section Height title you will see slider option to increase or decrease height of inner banner.
(Note:It will increase or decrease height in all devices)
Or for quick fix you can just remove breadcrumb form smartphone. Please add the following Additional CSS.
Appearance > Customize > Additional CSS
```
@media(max-width: 767px){
   .inner-main-title .breadcrumbs{
      display : none !important;
    }
}
```
Best Regards!
Author

Posts

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

You must be logged in to reply to this topic.