Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
1. There’s a limitation in what you can achieve there, because if you resize the image to fit you’ll have a shorter image and then you’ll have a lot of empty space. Have you tried doing this with CSS “background-size” of “100%” to explore this? It looks like the theme has used the cropping method to circumvent this.
Thread Starter
akhilz
(@akhilz)
thanks andrew nevins
.header {
background: no-repeat center;
background-size: 100%;
-moz-background-size: 100%;
-webkit-background-size: 100%;
}
made changes as shown above and it worked!
any suggestions for the point 2, i.e. Sidebar Contents to Display just Before/ Below the Footer Widgets on Mobile phones?
thanks again…
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Where does the sidebar display at the moment on mobile?
Thread Starter
akhilz
(@akhilz)
Sidebar doesn’t Display at all on mobile phones or anything with the width of less than 800px i guess.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What happens if you add:
.sidebar {
display: block;
}
Thread Starter
akhilz
(@akhilz)
wow!
that worked like a charm, thanks so much…
Just to clarify, where should the above code be added in order to display the sidebar above the footer? I realize that it will go somewhere in the .css, and that the bottom section (14) is the responsive, but I tried adding it and didn’t get the sidebar to display… Thanks…
Hi bewhuebner,
If you remove line 1912 in style.css, the sidebar will be displayed above the footer on mobile.
