mac
|
Hi. I need to disable header and background image in responsive version of my artisteer theme, and I don't know how, because my knowlege about it is poor. Could any one give me a hand?
Regards.
|
|
Maplemac
|
I disabled the header background image though the responsive css file by adding (background-image: none;) to the header css.
.responsive .art-header
{
width: auto;
height: auto;
min-height: 100px;
min-width: 1%;
background-position: center center !important;
background-size: cover !important;
background-repeat: repeat !important;
background-image: none;
}
|
|
Nick
|
If you are disabling it to save bandwidth, just know that, the image will still get loaded, it will just not be displayed. So this is just for looks only.
|
|
Dave B
|
Quote mac:
Hi. I need to disable header and background image in responsive version of my artisteer theme, and I don't know how, because my knowlege about it is poor. Could any one give me a hand?
Regards.
Just use a regular image and it will not load in responsive mode.
|
|
Michael D
|
Any tips on disabling the page background image though - not just in the header?
|
|
jrgweb
|
@Michael D - To remove most anything, desktop or mobile: display: none
example: remove page background
.responsive #art-main {
background: none;
}
example: remove entire header
.responsive .art-header {
display: none;
}
example: to remove background-image in header
.responsive .art-header {
background-image: none;
}
If you want to remove under a certain screen size for mobile, say 640px
@media screen and (max-width: 640px) {
.responsive .art-header {
background-image: none;
}
}
|
|
Michael D
|
That's really helpful - thank you jrgweb!
|
|
andrea
|
hi. i simply would like to NOT save all the site in responsive directly from artisteer. is ther some setup or option to disable during the design or saving process? thanks a lot
|
|
Dave B
|
The new 4.2 beta has new header features that help with responsive mode.
I will caution you that it's pretty buggy in some ways. Hence the beta. One thing for sure is the slideshow doesn't resize correctly. The images squish down horizontally.
With that said. There is a new control called Imagelink in the header settings. You can place as many as you want (it appears) and they can be right clicked and you can choose which mode they appear in. You can bring them to the front or back of other header objects. So in theory you could just use 2 of these, one for the background.
Also the Site Title can be set to different display modes.
|
|
Dave B
|
That isn't a great solution for more than one image. they stack up on top of each other.
The background would have to be done via css like jrgweb stated. Although I believe a standard image disappears too.
So use a standard image for the background and an Imagelink for the logo. That works in my tests.
|
|