How to remove image in screen under 1024px

eyalreches

Hi

I'm building now a new website based on the Book layout

http://themes.muffingroup.com/be/book/

Website not online yet, will replace this website: http://www.achital.co.il/

How can i remove the home page header picture in screen under 1024px

Thank you

Eyal

eyalreches

even better if its possible to replace the header picture with other picture

tried that but didn't work (custom css)

@media only screen and (max-width: 1024px){
background-image: url("http://www.achital.co.il/wp-content/uploads/Main13.jpg");
}

Albert

Hey,

we need link to page where from you want to remove this background first because we must have a look into code and see if this could be possible.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eyalreches

The website will be online only next week

Basically I'm looking for a way to replace the header image from resolution under 1024

Just Like the header picture in your template

http://themes.muffingroup.com/be/book/

The Brown background with the Man

Albert

If you mean Header Creative background, then you need to use the following css:

@media only screen and (max-width: 1024px) {
    #Header_creative { background-image: http://www.achital.co.il/wp-content/uploads/Main13.jpg !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eyalreches

Hi

No doesn't work, Next week the website will be online i will contact you again

Thank you

Eyal

Albert

Ok, let us know when site would be online then.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eyalreches

Hi

The website is online now: http://www.achital.co.il

I'm trying to do two things

1. change the background header image in homepage under 1024px

From: http://www.achital.co.il/wp-content/uploads/Main12.jpg

To: http://www.achital.co.il/wp-content/uploads/Main13.jpg

2. have responsive menu on top left start at 1139px now start at 1239px

options > responsive (menu initial width) set to 1139
(responsive menu is on in 1240px)

Thank you for your help

Eyal

Albert

1. To change header's background image on devices smaller than 1024px, you need to use:

@media only screen and (max-width: 767px) {
    #Header_creative { background-image: url('http://www.achital.co.il/wp-content/uploads/Main13.jpg') !important; }
}

2. Yes, this is the option to change the moment when menu switch from the regular to responsive.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eyalreches

Hi

I added the code to options custom css and to the page custom css but the header picture doesn't change
Now its in option > custom css

Eyal

eyalreches

The background 13 shouldn't have the books on the left, like this

http://www.achital.co.il/wp-content/uploads/Main13.jpg

Background 12 is with the books

http://www.achital.co.il/wp-content/uploads/Main12.jpg

Albert

Please move the css we gave you on 1st position and check if this would help.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eyalreches

Hi

@media only screen and (max-width: 1024px) {
    #Header_creative { background-image: http://www.achital.co.il/wp-content/uploads/Main13.jpg !important; }
}

Now in the home page custom css

Eyal

eyalreches

Not working as well

Albert

No, you didn't because we checked. Please send us dashboard access privately thru contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason. Please don’t forget to attach link to current topic so we know what for the access is.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eyalreches

User and pass to dashboard sent from the link contact form

Thank you

eyalreches

If you could check as well the other question

Changing the option > responsive to 1139 instead of 1239 default don't work

1200 screen resolution still get the responsive menu instead of the full width website

Direct link: http://www.achital.co.il/wp-admin/themes.php?page=muffin_options

Thank you

eyalreches

Thank you

Problem Solved, Please close topic