All for Joomla All for Webmasters

Let's Play With Coding…

Hide WordPress Widgets in Mobile Device

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.But actual problem starts it managing widgets in responsive design it leads to all widgets lined up at end of every page. Many people not like to have such things. So a simple css trick will help you out.

Step 1:

After login to wordpress site navigate to Apperance->Edit CSS

Step 2:

Add following CSS in it

/**
 * CodeZone.in
 * Author: Dineshkumar
 * Contact : hi@codezone.in
 */
 @media only screen and (max-width:480px) {
.hide_on_mobile {
display: none !important;}
}

Step 3:

Save changes

Step 4:

Install plugins either ZigWidgetClass or Widget CSS Classes. I suggest First one.

Step 5:

Navigate to Appearance ->Widgets

Step 6:

Click on widget want to hide out and input earlier declared class hide_on_mobile into the “CSS Classes” box at the top of the widget

Step 7:

Save Widget

Related posts

Background Image auto scaling using CSS

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Delete A Repository in BitBucket

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

ASCII to HEX Convertion in PHP

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

How to enable Hibernate in Ubuntu Linux

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Simple Site Maintenance HTML Page

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

International Calling Codes

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Don’t charge your phone overnight

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Use Font Awesome anywhere you wish

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Rotate Text using CSS

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Simulate Mobile Device In Chrome

As smart phone users increased web developers started to implement responsive designs for their website. Even same applicable to best CMS like wordpress.

Leave a Comment

Leave a Reply