Scallop banner has gap under header image

  • 16hamills

    (@16hamills)


    1 year, 9 months ago

    Hi,

    I would love it if I could make my page toptierconfections.com appear like the demo page for this theme. I want the background to the menu to be WHITE and so I have uploaded a solid white image for the header image, however there appears to be a gap between the scallop design banner ribbon and my header image in all browsers I have tried to view the site in.
    I have tried using CSS to adjust the banner but nothing has changed

    .carousel-inner:before {
    top: -31px;
    }

    I have changed the height, the top, and the px size but it just won’t line up nicely 🙁 please help. Thanks so much.

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

Viewing 1 replies (of 1 total)
  • Theme Author VW THEMES

    (@vowelweb)

    1 year, 9 months ago

    Hello @16hamills,

    To remove the gap between the scallop design banner ribbon and header image, follow the below steps:

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the bolow CSS here

    .home-page-header{
    background: url(assets/images/headerlinedesign.png) no-repeat scroll 0 8em !important;
    }

    Thank You.

Viewing 1 replies (of 1 total)
  • The topic ‘Scallop banner has gap under header image’ is closed to new replies.

Tags