Reduce the gap?

  • Resolved cullachie

    (@cullachie)


    3 years ago

    Making good progress switching over to Storefront and have one more query – this time about reducing the gap between the breadcrumbs and the top of the page content as shown here…

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Roxy

    (@roxannestoltz)

    3 years ago

    Hi @cullachie ,

    Thanks for reaching out!

    It appears that the site URL you have provided, is not working on my end. I encounter a Forbidden error.

    In order to have a better understanding of what you are seeing on your end, and the exact gap you would like to remove, please can you share a clear screenshot, highlighting the area (gap) you would like to remove.

    Snipboard.io can be used for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread.

    Cheers!

    Thread Starter cullachie

    (@cullachie)

    3 years ago

    Thanks, the link is https://snipboard.io/NI2YWd.jpg

    The gap I want to reduce is between the bread crumbs and the image below.
    The reason you got “forbidden” is because I am working in the Staging area on the server as I am converting from Avada to Storefront to get better speed.

    Roxy

    (@roxannestoltz)

    3 years ago

    Hi @cullachie ,

    The image link doesn’t seem to be working as expected on my end, here is what I see:

    Since I am not entirely sure what you are seeing on your end, please can you see if any of the suggestion providing in these similar threads provide any solution for you:

    If none of these work, or they are not what you are looking to achieve, please can you provide a clear screenshot of what you are seeing, and if possible, a link so that we can provide more accurate guidance 🙂

    Cheers!

    Thread Starter cullachie

    (@cullachie)

    3 years ago

    This may be better snipboard.io/A3XsYG.jpg

    Your first link worked in getting rid of the bread crumb but the second link did not work in reducing the gap between header and page content.

    • This reply was modified 3 years ago by cullachie.
    Thread Starter cullachie

    (@cullachie)

    3 years ago

    /*  Reduce header gap to 12px */
.site-header{
  margin-bottom: 12px !important;
}

    Just managed to find this and it has worked.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Reduce the gap?’ is closed to new replies.

Tags