0
Welcome Guest! Login
0 items Join Now

make header image responsive

    • xdwgg's Avatar
    • xdwgg
    • Rocketeer
    • Posts: 51
    • Thanks: 0

    make header image responsive

    Posted 9 years 8 months ago
    • Hi,

      how do i change the header to become responsive? it does not change its size when i resize the browser, unlike image in the slider (which is using rocksprocket module)

      this is normal view:
      You are not authorised to see this attachment.


      this is when browser size change. note the header size (blue), remain unchanged.
      You are not authorised to see this attachment.


      appreciate your help.

      thanks!
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21506
    • Thanks: 3082
    • messin' with stuff

    Re: make header image responsive

    Posted 9 years 8 months ago
    • please provide a link to your site
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • xdwgg's Avatar
    • xdwgg
    • Rocketeer
    • Posts: 51
    • Thanks: 0

    Re: make header image responsive

    Posted 9 years 8 months ago
    • This message contains only secure information that is visible to Matt, moderators and administrators
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21506
    • Thanks: 3082
    • messin' with stuff

    Re: make header image responsive

    Posted 9 years 8 months ago
    • css background images aren't very responsive by nature... inline images work much better...

      You can set "background-size: contain;" though...

      but you'll need to adjust the aspect ratio of the current image...
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:

Time to create page: 0.055 seconds