Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 29, 2015 at 1:50 pm #510732
    richardelectrix

    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?

    September 29, 2015 at 7:57 pm #510965
    Andy

    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

    September 30, 2015 at 9:23 am #511213
    richardelectrix

    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.

    September 30, 2015 at 1:13 pm #511433
    Andy

    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

    September 30, 2015 at 1:37 pm #511455
    richardelectrix

    Hi

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

    Do you know why?

    September 30, 2015 at 3:06 pm #511541
    Yigit

    Hey!

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

    Cheers!
    Yigit

    September 30, 2015 at 3:09 pm #511550
    richardelectrix

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

    The breadcrumbs clash with the title.

    September 30, 2015 at 3:14 pm #511559
    Yigit

    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

    September 30, 2015 at 3:25 pm #511575
    richardelectrix

    That doesnt seem to work.

    October 1, 2015 at 1:04 pm #512122
    Andy

    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

    October 1, 2015 at 1:36 pm #512154
    richardelectrix

    It still doesnt work.

    October 2, 2015 at 5:23 am #512528
    Ismael

    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

    October 2, 2015 at 9:37 am #512642
    richardelectrix

    That works, thanks.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Remove padding around breadcrumbs’ is closed to new replies.