How to remove image in screen under 1024px

eyalreches · July 2016

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 · July 2016

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 · July 2016

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!

eyalreches · July 2016

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 · July 2016

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; }
}

eyalreches · July 2016

Hi

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

Thank you

Eyal

Albert · July 2016

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

eyalreches · July 2016

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 · July 2016

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.

eyalreches · July 2016

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 · July 2016

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 · July 2016

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

eyalreches · July 2016

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 · July 2016

Not working as well

Albert · July 2016

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.

eyalreches · July 2016

User and pass to dashboard sent from the link contact form

Thank you

eyalreches · July 2016

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 · July 2016

Thank you

Problem Solved, Please close topic

How to remove image in screen under 1024px

Comments

This discussion has been closed.