Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 17, 2019 at 8:48 pm #1079706
    Anj27

    Hello,
    I enabled the breadcrumbs in my site and from desktop everything is ok. The problem is that when I navigate from smartphone the breadcrumbs are sticked to the titles. Can you please help me?
    Thank you

    March 17, 2019 at 10:10 pm #1079721
    Mike

    Hey Anj27,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 766px) { 
h1.main-title.entry-title {
margin-bottom: 14px !important; 
}
}

    Best regards,
    Mike

    March 17, 2019 at 10:48 pm #1079731
    Anj27

    Hello Mike,
    I tried but nothing happens.

    March 19, 2019 at 9:00 am #1080259
    Victoria

    Hi Anj27,

    Please try the following css:

    
@media only screen and (max-width: 767px) {
  #top .title_container .main-title,
  #top #wrap_all .alternate_color.title_container .main-title {
    top: 0 !important;
    min-height: 30px;
    line-height: 1em;
    margin-bottom: 15px;
  }
}

    Best regards,
    Victoria

    March 19, 2019 at 9:52 am #1080277
    Anj27

    Hello Victoria,
    now it is working very well for the mobile. The only thing is that the title of the container in the desktop version is displayed at the bottom of the grey stripe. I would like to display it in the middle of the container.
    Thank you very much

    March 22, 2019 at 1:58 am #1081655
    Ismael

    Hi,

    We can’t reproduce that issue on our end. The breadcrumb is vertically aligned in the middle of the title container. Would you mind providing us a screenshot? You can upload it to imgur or dropbox.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.