Ask your WordPress questions! Pay money and get answers fast! (more info)

Get responsive #top, #sliderHolder and #sliderShadow

  • 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)

2014-12-10

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!!

2014-12-09

Sarbartha Das answers:

I can see all are responsive.