Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 19, 2017 at 6:37 pm #824104
    midudek1

    Dear Support,
    How to ENABLE “Header Title and Breadcrumbs” on the mobile devices / screens with max width 767px. I tried the following, but it did not work.

    
@media only screen and (max-width:767px)
{
    #top .title_container .breadcrumb
    {
        display: block !important;
        visibility: visible !important;
    }
}

    In the “Enfold -> Header -> Header Layout” I have “Header Title and Breadcrumbs” set to hide both.

    Thank you for your help.

    Best regards,
    MD

    • This topic was modified 7 years, 4 months ago by midudek1.
    July 19, 2017 at 6:39 pm #824105
    midudek1

    Enabling follow up email notification …

    July 20, 2017 at 6:54 am #824392
    Rikard

    Hi,

    It won’t work with CSS since the markup will not be added to the page if you have selected not to show it. If you only want to display the breadcrumbs for mobile then you would have to reverse what you are currently doing. Select to display them in the options then hide them with CSS for non-mobile screens.

    Best regards,
    Rikard

    July 20, 2017 at 11:03 am #824478
    midudek1

    Dear Rikard,
    Thank you for your reply, I will try it out!

    Best regards,
    MD

    July 20, 2017 at 11:22 am #824496
    Sarah

    Hi MD,

    We’ll keep this thread open for you. Please let us know if you need further help with this. :)

    Best regards,
    Sarah

    July 20, 2017 at 1:05 pm #824558
    midudek1

    Dear Rikard & Sarah
    I did as you suggested and used the following code

    
#top #main .title_container
{
    display: none !important;
}

@media only screen and (max-width:767px)
{
    #top #main .title_container
    {
        display: block !important;
    }
}

    All works properly, thank you very much for your help. You can close this topic.

    Best regards,
    MD

    July 20, 2017 at 1:16 pm #824569
    Sarah

    Hi,

    That’s great! We’re that that our team could help. Thank you for sharing your final code as well.

    Please let us know here in the forums if you need help with anything else! :D

    Best regards,
    Sarah

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enabling "Header Title and Breadcrumbs" on small screens’ is closed to new replies.