: How To Remove a Slider from Responsive Design I'm a small business owner that has (up until now) managed a successful website. However, with the pending Google Mobilegeddon, my website for some

Posted in: #Mobile #ResponsiveWebdesign #Wordpress

I'm a small business owner that has (up until now) managed a successful website.

However, with the pending Google Mobilegeddon, my website for some reason does not pass the Google Mobile Friendly test (https://www.google.com/webmasters/tools/mobile-friendly/). I believe this is due to the slider as when I disable the slider plugin and remove it. The website passes it.

The website is built in WordPress using Catalyst/Dynamik as the child theme. The plugin I use for the slider is Soliloquy. I have tried so many different sliders that at this point I would like to just take out the slider for the responsive/mobile version only.

I have this as the code in the responsive panel:
#header -wrap {background:none !important;}
.logo-image #header -wrap #header {width:100%;text-align:center;}
.logo-image #header #header-left {width:200px;background:url('images/air-conditioning-brisbane.png') no-repeat scroll center top transparent;margin:0 auto !important;}
.logo-image #header-left, .logo-image #header-left #title, .logo-image #header-left #title a {width:200px;}
#callus {margin-top:5px;margin-bottom:5px;}
.slider-wrapper, #soliloquy {display:none;}

I think it has something to do with the last line.

Can I please request any assistance to help remove the slider from the mobile/responsive version.

Your help is greatly appreciated. :)

10.01% popularity Vote Up Vote Down

: Internal server error when using base64 encoded icon on the home page I have an "index.html" (or .php - it makes no difference) file in the root / of my hosting space. That "index.html" file

@Lee4591628

Posted in: #Css #Html #Php #WebHosting

2 Comments

: What is the difference between Disallow: /? and Disallow: /? in robots.txt? We have many parameters in our URL and I wonder what will do the parameters pasted below. Will they disallow all

@Lee4591628

Posted in: #RobotsTxt

1 Comments

: Wordpress and WHMCS in same directory I currently have wordpress and WHMCS both running my site. Wordpress is in the root, WHMCS is in a folder. The result is that WHMCS pages show the url

@Lee4591628

Posted in: #Whmcs #Wordpress

1 Comments

: Vary: User-Agent in case of redirect? Should we use Vary: User-Agent in our headers when the regular url www.mydomain.com is forwarded to m.mydomain.com? Or is it not needed for Google due the

@Lee4591628

Posted in: #Google #HttpHeaders #Seo

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Ann8826881

What mobile size would you want to remove the slider on? Generally
laptops: 1280px
tablet landscape: 1024px,
tablet portrait: 768px,
mobile landscape: 480px,
mobile portrait: 320px

I'll just assume a display below 480px would remove the slider so add this to your css:
@media only screen and (max-width: 480px) {
.slider-wrapper, #soliloquy {display:none;}
}

10% popularity Vote Up Vote Down

Feed

: How To Remove a Slider from Responsive Design I'm a small business owner that has (up until now) managed a successful website. However, with the pending Google Mobilegeddon, my website for some

More posts by @Lee4591628

: Internal server error when using base64 encoded icon on the home page I have an "index.html" (or .php - it makes no difference) file in the root / of my hosting space. That "index.html" file

: What is the difference between Disallow: /? and Disallow: /? in robots.txt? We have many parameters in our URL and I wonder what will do the parameters pasted below. Will they disallow all

: Wordpress and WHMCS in same directory I currently have wordpress and WHMCS both running my site. Wordpress is in the root, WHMCS is in a folder. The result is that WHMCS pages show the url

: Vary: User-Agent in case of redirect? Should we use Vary: User-Agent in our headers when the regular url www.mydomain.com is forwarded to m.mydomain.com? Or is it not needed for Google due the

Login to post a comment!

1 Comments

Back to top | Use Dark Theme

: How To Remove a Slider from Responsive Design I'm a small business owner that has (up until now) managed a successful website. However, with the pending Google Mobilegeddon, my website for some

More posts by @Lee4591628

: Internal server error when using base64 encoded icon on the home page I have an "index.html" (or .php - it makes no difference) file in the root / of my hosting space. That "index.html" file

: What is the difference between Disallow: /? and Disallow: /*?* in robots.txt? We have many parameters in our URL and I wonder what will do the parameters pasted below. Will they disallow all

: Wordpress and WHMCS in same directory I currently have wordpress and WHMCS both running my site. Wordpress is in the root, WHMCS is in a folder. The result is that WHMCS pages show the url

: Vary: User-Agent in case of redirect? Should we use Vary: User-Agent in our headers when the regular url www.mydomain.com is forwarded to m.mydomain.com? Or is it not needed for Google due the

Login to post a comment!

1 Comments

Back to top | Use Dark Theme

: What is the difference between Disallow: /? and Disallow: /? in robots.txt? We have many parameters in our URL and I wonder what will do the parameters pasted below. Will they disallow all