Jump to content
Sign in to follow this  
WebWerx

Removing Featured Slider from Home Page Using Media Query @479px.

Recommended Posts

WebWerx    0
WebWerx

Thanks to the tutelage of @BeardedAvenger I have been able to get quite a bit done on our website vis a vis responsive design. I am stuck on one item - and that is the removal of the featured slider when the site renders below 479px. This is what I have so far... MIssing 1 element

/* Sitewide Media Query Tweaks */
	@media (max-width:479px) {
	  .phone {display:none;}
	  .proud {display:none;}
	  .search-box-top-right {display:none;}
	  .homepage-box {display:none;}
	  #fbox_7560 {display:none;}
	  #fbox_7561 {display:none;}
	  #fbox_7562 {display:none;}
	  #contentbox .red-footer-banner {display:none;}
	  .section-sb_footcols {display:none;}
	  .section-sb_fullwidth {display:none;}
	  .widget-pad {display:none;}
	}

Can anyone help me identify the css class that will help me remove the featured slider? :-S

Share this post


Link to post
Share on other sites
hockpunk426    0
hockpunk426
[code]#feature_slider { display: none; }[/code]

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
@hockpunk426: Thanks that was it. I had used #feature-slider and it didn't work - AFFF :-)

Share this post


Link to post
Share on other sites
hockpunk426    0
hockpunk426
Syntactical errors are always irritating! Cheers!

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
@hockpunk426: I've been at this all day.. So that is my excuse....

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×