Skip to content

Removing the Widget for Mobile

November 16, 2012
by

I’m having the same problem as jayon615 in a previous post, but I am unable to moderate the comment I posted so it is not showing. I was able to remove the RSS button through the img class, no luck with the widget.

I’m using the worldcat search box on my page, code is:

<!– BEGIN worldcat.org search box –>
<div id=”wcs2w”>
<form name=”wcfw” id=”wcfw” method=”get” accept-charset=”UTF-8″ action=”http://www.worldcat.org/search&#8221; target=”_top” style=”margin: 0;”>
<input type=”hidden” name=”qt” value=”affiliate” />
<input type=”hidden” name=”ai” value=”SJSU_lsievers” />
<table>
<tr><td colspan=”2″ style=”text-align: center; font: 11px ‘Arial Unicode MS’, Arial, Helvetica, Verdana, sans-serif; line-height: 1.3em; margin: 0; text-align: center; width: 250px”><strong>Search for an item in libraries near you:</strong><br /><label for=”q” style=”color: #666;”>Enter title, subject or author</label></td></tr>
<tr>
<td align=”right”><input type=”text” name=”q” id=”q” size=”20″ style=”border: 1px solid #999; font: 12px ‘Arial Unicode MS’, Arial, Helvetica, Verdana, sans-serif; width: 150px;” /></td>
<td align=”left”><input type=”image” name=”wcsbtn2w” id=”wcsbtn2w” src=”http://www.worldcat.org/searchbox/images/wcsbtn2.gif?ai=SJSU_lsievers&#8221; alt=”Search WorldCat” title=”Search WorldCat” /></td>
</tr>
<tr><td colspan=”2″ style=”font: 10px ‘Arial Unicode MS’, Arial, Helvetica, Verdana, sans-serif; margin: 0; text-align: center;”><a style=”color: #999″ href=”http://www.worldcat.org/&#8221; title=”Visit WorldCat.org”>WorldCat.org >></a></td></tr>
</table>
</form>
</div>
<!– END worldcat.org search box –>

With that in mind, what do I need to put in my mobile_css to get this to hide?

Here is the page if that helps http://senna.sjsu.edu/dchristiansen/sieversl/assignments/wk13_sievers.php

Advertisements
4 Comments leave one →
  1. derek permalink*
    November 16, 2012 11:55 am

    give the div a class and hide it

  2. derek permalink*
    November 16, 2012 11:56 am

    or hide the div using the id it already has

    • November 16, 2012 12:03 pm

      I tried both ways but was unable to (I have worked on this for about an hour to no avail, so it is not for lack of trying). Say I want to use the div id. What do I need to put in the Mobile_css before {display: none;} to make it actually work?

      • November 16, 2012 12:12 pm

        Ok, looks like div#wcs2w. I’m still learning the different ways you identify elements in css.

        Thanks.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: