Jump to content

Image for header background


Recommended Posts

Hi

 

I have added the below code to the global.css file for the header image but the image are displaying to far left.

How can I fix this and how do I make the image change with the website when the zoom size changes?

 

post-1230693-0-31692300-1462893270_thumb.jpg

Link to comment
Share on other sites

Hi

 

I have added the below code to the global.css file for the header image but the image are displaying to far left.

How can I fix this and how do I make the image change with the website when the zoom size changes?

 

attachicon.gifBackground.JPG

 

 

how you want to change this image? you mean that you want to make it responsive ? to fit to the screen size?

Link to comment
Share on other sites

Thanks for the help :D

My background image is in place and look exactly like I want it.

The only problem is that it does not shrink and grow with the website when you zoom in or out.

How do I fix this?

Link to comment
Share on other sites

I'm not sure what you exacly want but I think in line 5734 you could try put this:

 

header {
    z-index: 1;
    position: relative;
    background: #fff;
    background: url(../img/HeaderImage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 15px;
}
Link to comment
Share on other sites

it will be really hard to avoid distortion while you will use browser "zoom" feature. Each browser works in a little different way, especially with this zoom feature.

if you will fix it with "fixed" position in chrome, it will stop to work in ffox

Link to comment
Share on other sites

  • 2 years later...

 

On 10/5/2016 at 7:30 PM, endriu107 said:

Watch how I see your shop and how could it look after small changes:

 

 

thanks, this solve one of my problems with header-bg. Now i have another, can i put a different header-bg in each category, product or cms page

Code or module just want to solve this problem that gives me headaches

thanks

Edited by diseñarte (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...