header background-image not really responsive?

  • Resolved nicos22

    (@nicos22)


    6 years, 6 months ago

    The background-image doesn’t resize correctly on mobile. How can I do so with @media…

    css .ibanner .imagebg

    The container also is to big on mobile device and doesnt adapt

    • This topic was modified 6 years, 6 months ago by nicos22.
Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello @nicos22,

    to set background-image use below CSS property 

    .home.home-slider-off .site .iheader.ibanner .imagebg {
  background-size: cover;
  background-repeat: no-repeat;
}

    and apply below media query for background-image content

    @media (max-width: 767px) {
  .home.home-slider-off .site .iheader.ibanner .titlebar h1 {
    padding: 50px 0 0 !important;
    font-size: 24px !important;
    line-height: normal !important;
    font-weight: 400 !important;.
  }
}

    Hope this will work well for you.
    Thanks

    Thread Starter nicos22

    (@nicos22)

    that’s great many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘header background-image not really responsive?’ is closed to new replies.