Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #510732

    I have followed instructions on another thread to move the breadcrumbs, which have worked.

    There is an issue however where there is now a large gap below the breadcrumbs and the headline on my home page.

    How can I shrink this gap?

    #510965

    Hey richardelectrix!

    I cannot see any breadcrumbs and gaps on the link you have provided. Are you sure this is the correct link to see the issue? because we need to inspect the elements in question.

    Regards,
    Andy

    #511213

    Hi

    Please see here …http://screencast.com/t/MPpReT0VrfGk

    I have switched them off on the home page until I get the issue fixed.

    Link to page in private.

    #511433

    Hi!

    use this code in Quick CSS field:

    .breadcrumb.breadcrumbs.avia-breadcrumbs {
    top: -30px;
    }
    .flex_column.av_two_third.flex_column_div.av-zero-column-padding.first.avia-builder-el-2.el_after_av_textblock.el_before_av_one_third.column-top-margin {
    top: -90px;
    }
    

    and adjust as needed.

    Regards,
    Andy

    #511455

    Hi

    Again, that works in Quick CSS field, but it doesnt work when I add it to my child stylesheet.

    Do you know why?

    #511541

    Hey!

    This issue should be fixed already. Please confirm so we can mark the thread as resolved or assist you further

    Cheers!
    Yigit

    #511550

    This issue is fixed on desktop but it doesnt work on a smartphone.

    The breadcrumbs clash with the title.

    #511559

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
    .title_container .breadcrumb {
      left: 45px;
      right: auto;
      top: 83%;
    }}

    Cheers!
    Yigit

    #511575

    That doesnt seem to work.

    #512122

    Hi!

    code Yigit provided should work I think. Try to clear browser cache and hard refresh a few times afterwards. Try to add !important to it:

    @media only screen and (max-width: 990px) {
    .title_container .breadcrumb {
      left: 45px !important;
      right: auto !important;
      top: 83% !important;
    }}
    

    Best regards,
    Andy

    #512154

    It still doesnt work.

    #512528

    Hey!

    The space above the breadcrumb is actually the default top padding of the .content so adding this code should decrease the space above the breadcrumb:

    .content {
        padding-top: 20px;
    }

    If you don’t mind, please remove all breadcrumb css modification then add that one. Or post the login details here so that we can add it for you.

    Best regards,
    Ismael

    #512642

    That works, thanks.

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

The topic ‘Remove padding around breadcrumbs’ is closed to new replies.