Remove extra space

  • Resolved crassandcrudegifts

    (@crassandcrudegifts)


    5 years, 12 months ago

    I would love to tighten up the space on my front page. Specifically between my logo and primary menu & between the banner and the product category. Please let me know any suggestions.

    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Senff – a11n

    (@senff)

    5 years, 12 months ago

    To remove the space between the logo and the primary menu a little, add this CSS code:

    .secondary-navigation,
.site-search {
  margin-bottom: 0;
}

    Then to reduce the space between the banner and the products, add this code:

    .home .sph-hero {
  margin-bottom: 10px;
}
    Thread Starter crassandcrudegifts

    (@crassandcrudegifts)

    5 years, 12 months ago

    Thank you. That worked, however, is there a way to move up the pink banner toward the primary menu?

    Senff – a11n

    (@senff)

    5 years, 12 months ago

    You can do that by adding the following CSS code:

    #content {
  margin-top: -20px !important
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a,
.site-header-cart .cart-contents {
    padding-bottom: 0;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove extra space’ is closed to new replies.