Get responsive #top, #sliderHolder and #sliderShadow WordPress
- SOLVED
How can I make the #top, #sliderHolder and #sliderShadow responsive as the rest of the content on the page?
Url to test page, http://www.libra-frisk.com/fortuneRecords2/
http://awesomescreenshot.com/0c1401erf7
The slider is already responsive.
Answers (2)
Bob answers:
For the menu the easy was is to use some responsive menu plugin. instead of writing everything from scratch.
https://wordpress.org/plugins/responsive-menu/
https://wordpress.org/plugins/wp-responsive-menu/
https://wordpress.org/plugins/responsive-select-menu/
https://wordpress.org/plugins/shiftnav-responsive-mobile-menu/
updated code for <strong>#top</strong> at line 128 in style.css file of your theme
#top {
width: 100%;
height: auto;
background: url(images/header_bg.png) center repeat;
}
updated code for <strong>.sliderShadow</strong> at line 143 in style.css file of your theme
.sliderShadow {
margin: 0 auto;
max-width: 960px;
height: 0;
background: url(images/slide-shadow.png) no-repeat bottom;
clear: both;
}
updated code for <strong>#sliderHolder </strong> at line 140 in style.css file of your theme
#sliderHolder {
width: 100%;
height: auto;
clear: both;
padding-bottom: 20px;
}
Dandy2 comments:
Thanx alot! great!!
