[what am I doing wrong?] - My pics on slider are NOT "responsive."

by TimothyW

Posted: 9 years ago 6 replies

WEB DESIGN

I'm using a responsive WP theme.
Everything seems to be responsive, EXCEPT the pics I have on the main slider.

Why? What am I doing wrong. Shouldn't the theme "make" the pics be responsive (shrink to size) automatically?

Please advise!

Thanks!

-- TW

Here's the site to see the problem: alumitrap.com
Theme = LocalBox by Sean Lowery (a warrior)

#pics #responsive #slider #wrong

ChantalVanderlaan

9 years ago

Hi there...the slider you are using needs to also be responsive. I always use Soliloquy lite. It is a free responsive slider and it's very easy to use. Hope that helps.

[ 1 ] Thanks
1 reply

Signature

Email Marketing Essentials - How To Craft Your Eye-Catching Subject Line

How to Start a Wordpress Website or Blog - Step by Step Tutorials

{{ DiscussionBoard.errors[9863678].message }}

TimothyW

9 years ago

Originally Posted by ChantalVanderlaan

Hi there...the slider you are using needs to also be responsive. I always use Soliloquy lite. It is a free responsive slider and it's very easy to use. Hope that helps.

So then the theme I have (w/ that slider built in) shouldn't be advertized as responsive, I guess.

Thanks.

-- TW

Thanks

Signature

How to GET New Offline Clients by MAGIC!...
http://snipurl.com/MagicWSO

[$5 WSO!] Sorry, you're not fooling anyone! Text-to-voice apps - They're ALL CREEPY -- and they ALL SUCK! - CLICK HERE for the solution!

{{ DiscussionBoard.errors[9864056].message }}

JosephI 9 years ago

Check with the dev of the theme.
Could be they overlooked adding the code for the slider.
- Thanks
{{ DiscussionBoard.errors[9865090].message }}

723Media

9 years ago

Is the slider part of the theme or is it a separate plugin?

You can change it yourself fairly easily if you're comfortable with adjusting the css.

In the theme's style.css file add the following:
.slides_container div img { max-width:100%; }

[ 1 ] Thanks
1 reply

Signature

http://socialeers.com
http://graphicriver.net/user/723media/portfolio
Are you ready to finally launch your product?

{{ DiscussionBoard.errors[9865098].message }}

TimothyW

9 years ago

Originally Posted by 723Media

It's part of the theme.

Also, does it matter where in that file I add that line?

-- TW

Thanks

Signature

{{ DiscussionBoard.errors[9865161].message }}

WPThemeGuru 9 years ago

If you are using wordpress then go to apearance then click on editor and you will see style.css
just .slides_container div img { max-width:100%;}. Your slider is not responsive at all and it is applying 700px height on slider images even on mobile. Try to reduce height in mobile devices by using media query. Make it like 300px height.

In your stylesheet add:

@media only screen and (max-device-width: 480px) {
.slides_container div img { max-width:100%;height:300px;}

Mostly responsive slider use height:auto for images but your website is not well written.
- [ 1 ] Thanks
{{ DiscussionBoard.errors[9866463].message }}

[what am I doing wrong?] - My pics on slider are NOT "responsive."

Trending Topics

Are Solo ADs the Most Cost Effective Way to Promote your Product?

How do I effectively build and nurture an email list for affiliate marketing purposes?

Are billboards still effective in driving customers?

Been a while! Any of you Old Timers here?

How much does the rebranding affect CR ?