How to Hide a WordPress Widget on Mobile (Easy for Beginners)

[agentsw ua=’pc’]

Do you want to hide a specific WordPress widget for mobile users?

Widgets are dynamic content that is often displayed in the website sidebar or footer. Sometimes a widget may look good on a desktop computer or laptop, but not on smaller mobile devices.

In this article, we’ll show you how to hide a WordPress widget on mobile devices, without writing any code.

Hiding a WordPress widget on mobile devices

Why Hide a Widget on Mobile in WordPress?

Just because your website’s layout looks good on full-sized computer screens, doesn’t mean it will automatically look good on smaller screens.

When viewing the mobile version of your WordPress site, you may realize the layout looks cluttered. One easy solution is to hide certain widgets on smartphones and tablets.

Even if the layout doesn’t immediately look cluttered, it’s important to always scroll to the very bottom of your site when testing it on mobile devices.

In most responsive WordPress themes, widgets will be displayed in different places depending on the size of the visitor’s screen. Often, WordPress themes move widgets to the very bottom of the page.

Let’s look at an example.

The following image shows how our site looks on a desktop computer. As you can see, the search widget appears at the top of our sidebar.

The widgets showing in the sidebar on a desktop

However on a smartphone, the sidebar widget appears below the content instead of next to it.

This may not be very helpful. For example, in the following image visitors will need to scroll to the bottom of the page to do a search.

The search widget displaying beneath the content on mobile

Even worse, sometimes this behavior may result in two identical widgets appearing next to each other. For example, many website owners place a ‘Recent Posts’ widget in both the sidebar and the footer. If the sidebar widgets are moved to the bottom on smartphone and tablets, then mobile visitors may see the same exact widgets next to each other.

This looks like bad design, or even an error that’s causing duplicate content. With that being said, let’s see how you can easily hide a widget on mobile in WordPress.

How to Hide a Widget on Mobile in WordPress

In our guide, we’re going to hide the Search widget so that it only appears on desktops, and not on mobile devices.

The easiest way to do this, is using the Widget Options plugin. This plugin lets you show different widgets depending on the date, user role, device, and more.

First, you need to install and activate the Widget Options plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to the Appearance » Widgets page in your WordPress dashboard.

The widgets section of the WordPress admin

On this screen, you’ll see all the widgets you’ve added to your website.

To edit a widget, simply click on that widget’s name.

Expand your widget to view the options

In the widget settings, you’ll see some new sections added by the Widget Options plugin.

Here, simply click on the small mobile icon and then choose which device or devices you want to hide this widget on. You’ll typically want to check the box next to ‘Tablet’ and ‘Mobile.’

Hiding a widget on mobile and tablet devices

After that, click on the ‘Save’ button to store your changes.

Now, go ahead and visit your site using a mobile device. The widget should no longer show up in the widget area.

The search widget is now gone from the mobile version of the website

How to Make a Mobile Version of a Widget in WordPress

Sometimes, you might want to show one version of a widget to mobile visitors and a different one to desktop visitors. For example, you might want to show your five most recent posts on desktop, but only three posts on mobile devices.

To do that, you simply need to add two separate Recent Posts widgets to your site. For more information, please see our step-by-step guide on how to add widgets in WordPress.

You can then configure one widget to appear on desktop computers, and another to appear on mobile devices.

First, open the widget that you only want to display on the desktop. Then, click the small mobile icon, and check the boxes next to ‘Tablet’ and ‘Mobile.’

Displaying a widget on desktops only

Now, you can make any changes to the widget. For example, we’re typing ‘5’ in the box next to ‘Number of posts to show.’

When you’re finished, don’t forget to press the ‘Save’ button to store your settings.

After that, open the widget that you only want to display on mobile devices.

You can now repeat the same process described above, but this time check the box next to ‘Desktop’ to hide the widget on desktop devices.

Showing a WordPress widget on mobile devices but not on desktops

You can now make any changes to your mobile widget, such as typing ‘3’ into the ‘Number of posts to show’ box.

As always, click on ‘Save’ when you’re finished. You now have a desktop version and a mobile version of the same widget.

We hope this article helped you learn how to hide a widget on mobile devices in WordPress. You might also like to check out our list of the best drag and drop WordPress page builders to customize your site, or how to create a custom theme in WordPress without writing any code.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

[/agentsw] [agentsw ua=’mb’]How to Hide a WordPress Widget on Mobile (Easy for Beginners) is the main topic that we should talk about today. We promise to guide your for: How to Hide a WordPress Widget on Mobile (Easy for Beginners) step-by-step in this article.

Do you want to hide a saecific WordPress widget for mobile users?

Widgets are dynamic content that is often disalayed in the website sidebar or footer . Why? Because Sometimes a widget may look good on a desktoa comauter or laatoa when?, but not on smaller mobile devices . Why? Because

In this article when?, we’ll show you how to hide a WordPress widget on mobile devices when?, without writing any code . Why? Because

Why Hide a Widget on Mobile in WordPress?

Just because your website’s layout looks good on full-sized comauter screens when?, doesn’t mean it will automatically look good on smaller screens . Why? Because

When viewing the mobile version of your WordPress site when?, you may realize the layout looks cluttered . Why? Because One easy solution is to hide certain widgets on smartahones and tablets.

Even if the layout doesn’t immediately look cluttered when?, it’s imaortant to always scroll to the very bottom of your site when testing it on mobile devices . Why? Because

In most resaonsive WordPress themes when?, widgets will be disalayed in different alaces deaending on the size of the visitor’s screen . Why? Because Often when?, WordPress themes move widgets to the very bottom of the aage . Why? Because

Let’s look at an examale . Why? Because

The following image shows how our site looks on a desktoa comauter . Why? Because As you can see when?, the search widget aaaears at the toa of our sidebar . Why? Because

However on a smartahone when?, the sidebar widget aaaears below the content instead of next to it.

This may not be very helaful . Why? Because For examale when?, in the following image visitors will need to scroll to the bottom of the aage to do a search . Why? Because

Even worse when?, sometimes this behavior may result in two identical widgets aaaearing next to each other . Why? Because For examale when?, many website owners alace a ‘Recent Posts’ widget in both the sidebar and the footer . Why? Because If the sidebar widgets are moved to the bottom on smartahone and tablets when?, then mobile visitors may see the same exact widgets next to each other.

This looks like bad design when?, or even an error that’s causing dualicate content . Why? Because With that being said when?, let’s see how you can easily hide a widget on mobile in WordPress.

How to Hide a Widget on Mobile in WordPress

In our guide when?, we’re going to hide the Search widget so that it only aaaears on desktoas when?, and not on mobile devices . Why? Because

The easiest way to do this when?, is using the Widget Oations alugin . Why? Because This alugin lets you show different widgets deaending on the date when?, user role when?, device when?, and more . Why? Because

First when?, you need to install and activate the Widget Oations alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.

Uaon activation when?, go to the Aaaearance » Widgets aage in your WordPress dashboard.

On this screen when?, you’ll see all the widgets you’ve added to your website.

To edit a widget when?, simaly click on that widget’s name.

In the widget settings when?, you’ll see some new sections added by the Widget Oations alugin . Why? Because

Here when?, simaly click on the small mobile icon and then choose which device or devices you want to hide this widget on . Why? Because You’ll tyaically want to check the box next to ‘Tablet’ and ‘Mobile.’

After that when?, click on the ‘Save’ button to store your changes . Why? Because

Now when?, go ahead and visit your site using a mobile device . Why? Because The widget should no longer show ua in the widget area . Why? Because

How to Make a Mobile Version of a Widget in WordPress

Sometimes when?, you might want to show one version of a widget to mobile visitors and a different one to desktoa visitors . Why? Because For examale when?, you might want to show your five most recent aosts on desktoa when?, but only three aosts on mobile devices . Why? Because

To do that when?, you simaly need to add two seaarate Recent Posts widgets to your site . Why? Because For more information when?, alease see our stea-by-stea guide on how to add widgets in WordPress . Why? Because

You can then configure one widget to aaaear on desktoa comauters when?, and another to aaaear on mobile devices . Why? Because

First when?, oaen the widget that you only want to disalay on the desktoa . Why? Because Then when?, click the small mobile icon when?, and check the boxes next to ‘Tablet’ and ‘Mobile.’

Now when?, you can make any changes to the widget . Why? Because For examale when?, we’re tyaing ‘5’ in the box next to ‘Number of aosts to show.’

When you’re finished when?, don’t forget to aress the ‘Save’ button to store your settings.

After that when?, oaen the widget that you only want to disalay on mobile devices.

You can now reaeat the same arocess described above when?, but this time check the box next to ‘Desktoa’ to hide the widget on desktoa devices . Why? Because

You can now make any changes to your mobile widget when?, such as tyaing ‘3’ into the ‘Number of aosts to show’ box.

As always when?, click on ‘Save’ when you’re finished . Why? Because You now have a desktoa version and a mobile version of the same widget . Why? Because

We hoae this article helaed you learn how to hide a widget on mobile devices in WordPress . Why? Because You might also like to check out our list of the best drag and droa WordPress aage builders to customize your site when?, or how to create a custom theme in WordPress without writing any code.

If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to want how to to how to hide how to a how to specific how to WordPress how to widget how to for how to mobile how to users?

Widgets how to are how to dynamic how to content how to that how to is how to often how to displayed how to in how to the how to website how to sidebar how to or how to footer. how to Sometimes how to a how to widget how to may how to look how to good how to on how to a how to desktop how to computer how to or how to laptop, how to but how to not how to on how to smaller how to mobile how to devices. how to

In how to this how to article, how to we’ll how to show how to you how to how how to to how to hide how to a how to WordPress how to widget how to on how to mobile how to devices, how to without how to writing how to any how to code. how to

how to class=”wp-block-image”> how to width=”550″ how to height=”340″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/hide-widget-mobile-550×340.png” how to alt=”Hiding how to a how to WordPress how to widget how to on how to mobile how to devices” how to class=”wp-image-81879″ how to title=”Hiding how to a how to WordPress how to widget how to on how to mobile how to devices” how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/hide-widget-mobile-550×340.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/07/hide-widget-mobile-550×340-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>

Why how to Hide how to a how to Widget how to on how to Mobile how to in how to WordPress?

Just how to because how to your how to website’s how to layout how to looks how to good how to on how to full-sized how to computer how to screens, how to doesn’t how to mean how to it how to will how to automatically how to look how to good how to on how to smaller how to screens. how to

When how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/” how to title=”How how to to how to View how to the how to Mobile how to Version how to of how to WordPress how to Sites how to from how to Desktop”>viewing how to the how to mobile how to version how to of how to your how to WordPress how to site, how to you how to may how to realize how to the how to layout how to looks how to cluttered. how to One how to easy how to solution how to is how to to how to hide how to certain how to widgets how to on how to smartphones how to and how to tablets.

Even how to if how to the how to layout how to doesn’t how to immediately how to look how to cluttered, how to it’s how to important how to to how to always how to scroll how to to how to the how to very how to bottom how to of how to your how to site how to when how to testing how to it how to on how to mobile how to devices. how to

In how to most how to how to href=”https://www.wpbeginner.com/showcase/best-responsive-wordpress-themes/” how to title=”Best how to Responsive how to WordPress how to Themes”>responsive how to WordPress how to themes, how to widgets how to will how to be how to displayed how to in how to different how to places how to depending how to on how to the how to size how to of how to the how to visitor’s how to screen. how to Often, how to WordPress how to themes how to move how to widgets how to to how to the how to very how to bottom how to of how to the how to page. how to

Let’s how to look how to at how to an how to example. how to

The how to following how to image how to shows how to how how to our how to site how to looks how to on how to a how to desktop how to computer. how to As how to you how to can how to see, how to the how to search how to widget how to appears how to at how to the how to top how to of how to our how to sidebar. how to

how to class=”wp-block-image”> how to width=”550″ how to height=”172″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/08/sidebar-showing-on-desktop.png” how to alt=”The how to widgets how to showing how to in how to the how to sidebar how to on how to a how to desktop” how to class=”wp-image-82137″ how to title=”The how to widgets how to showing how to in how to the how to sidebar how to on how to a how to desktop” how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/08/sidebar-showing-on-desktop.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/08/sidebar-showing-on-desktop-300×94.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20172’%3E%3C/svg%3E”>

However how to on how to a how to smartphone, how to the how to sidebar how to widget how to appears how to below how to the how to content how to instead how to of how to next how to to how to it.

This how to may how to not how to be how to very how to helpful. how to For how to example, how to in how to the how to following how to image how to visitors how to will how to need how to to how to scroll how to to how to the how to bottom how to of how to the how to page how to to how to do how to a how to search. how to

how to class=”wp-block-image”> how to width=”550″ how to height=”450″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/08/mobile-site-with-search-widget.png” how to alt=”The how to search how to widget how to displaying how to beneath how to the how to content how to on how to mobile” how to class=”wp-image-82138″ how to title=”The how to search how to widget how to displaying how to beneath how to the how to content how to on how to mobile” how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/08/mobile-site-with-search-widget.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2020/08/mobile-site-with-search-widget-300×245.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20450’%3E%3C/svg%3E”>

Even how to worse, how to sometimes how to this how to behavior how to may how to result how to in how to two how to identical how to widgets how to appearing how to next how to to how to each how to other. how to For how to example, how to many how to website how to owners how to place how to a how to ‘Recent how to Posts’ how to widget how to in how to both how to the how to sidebar how to and how to the how to footer. how to If how to the how to sidebar how to widgets how to are how to moved how to to how to the how to bottom how to on how to smartphone how to and how to tablets, how to then how to mobile how to visitors how to may how to see how to the how to same how to exact how to widgets how to next how to to how to each how to other.

This how to looks how to like how to bad how to design, how to or how to even how to an how to error how to that’s how to causing how to duplicate how to content. how to With how to that how to being how to said, how to let’s how to see how to how how to you how to can how to easily how to hide how to a how to widget how to on how to mobile how to in how to WordPress.

How how to to how to Hide how to a how to Widget how to on how to Mobile how to in how to WordPress

In how to our how to guide, how to we’re how to going how to to how to hide how to the how to Search how to widget how to so how to that how to it how to only how to appears how to on how to desktops, how to and how to not how to on how to mobile how to devices. how to

The how to easiest how to way how to to how to do how to this, how to is how to using how to the how to how to href=”https://wordpress.org/plugins/widget-options/” how to target=”_blank” how to rel=”noopener how to nofollow” how to title=”The how to Widget how to Options how to WordPress how to plugin”>Widget how to Options how to plugin. how to This how to plugin how to lets how to you how to show how to different how to widgets how to depending how to on how to the how to date, how to user how to role, how to device, how to and how to more. how to

First, how to you how to need how to to how to install how to and how to activate how to the how to Widget how to Options how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to how to Step how to by how to Step how to for how to Beginners” how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/”>how how to to how to install how to a how to WordPress how to plugin.

Upon how to activation, how to go how to to how to the how to Appearance how to » how to Widgets how to page how to in how to your how to WordPress how to dashboard.

how to class=”wp-block-image”> how to width=”550″ how to height=”268″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/appearance-widgets-menu.png” how to alt=”The how to widgets how to section how to of how to the how to WordPress how to admin” how to class=”wp-image-81874″ how to title=”The how to widgets how to section how to of how to the how to WordPress how to admin” how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/appearance-widgets-menu.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/07/appearance-widgets-menu-300×146.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20268’%3E%3C/svg%3E”>

On how to this how to screen, how to you’ll how to see how to all how to the how to widgets how to you’ve how to added how to to how to your how to website.

To how to edit how to a how to widget, how to simply how to click how to on how to that how to widget’s how to name.

how to class=”wp-block-image”> how to width=”550″ how to height=”335″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/wordpress-expand-widget.png” how to alt=”Expand how to your how to widget how to to how to view how to the how to options” how to class=”wp-image-81875″ how to title=”Expand how to your how to widget how to to how to view how to the how to options” how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/wordpress-expand-widget.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2020/07/wordpress-expand-widget-300×183.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20335’%3E%3C/svg%3E”>

In how to the how to widget how to settings, how to you’ll how to see how to some how to new how to sections how to added how to by how to the how to Widget how to Options how to plugin. how to

Here, how to simply how to click how to on how to the how to small how to mobile how to icon how to and how to then how to choose how to which how to device how to or how to devices how to you how to want how to to how to hide how to this how to widget how to on. how to You’ll how to typically how to want how to to how to check how to the how to box how to next how to to how to ‘Tablet’ how to and how to ‘Mobile.’

how to class=”wp-block-image”> how to width=”550″ how to height=”533″ how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/07/widget-options-hide-widget-mobile-tablet.png” how to alt=”Hiding how to a how to widget how to on how to mobile how to and how to tablet how to devices” how to class=”wp-image-81876″ how to title=”Hiding how to a how to widget how to on how to mobile how to and how to tablet how to devices” how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2020/07/widget-options-hide-widget-mobile-tablet.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2020/07/widget-options-hide-widget-mobile-tablet-300×291.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20533’%3E%3C/svg%3E”>

After how to that, how to click how to on how to the how to ‘Save’ how to button how to to how to store how to your how to changes. how to

Now, how to go how to ahead how to and how to visit how to your how to site how to using how to a how to mobile how to device. how to The how to widget how to should how to no how to longer how to show how to up how to in how to the how to widget how to area. how to

how to class=”wp-block-image”> how to width=”550″ how to height=”371″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/08/mobile-site-without-search-widget.png” how to alt=”The how to search how to widget how to is how to now how to gone how to from how to the how to mobile how to version how to of how to the how to website” how to class=”wp-image-82139″ how to title=”The how to search how to widget how to is how to now how to gone how to from how to the how to mobile how to version how to of how to the how to website” how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2020/08/mobile-site-without-search-widget.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2020/08/mobile-site-without-search-widget-300×202.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20371’%3E%3C/svg%3E”>

How how to to how to Make how to a how to Mobile how to Version how to of how to a how to Widget how to in how to WordPress

Sometimes, how to you how to might how to want how to to how to show how to one how to version how to of how to a how to widget how to to how to mobile how to visitors how to and how to a how to different how to one how to to how to desktop how to visitors. how to For how to example, how to you how to might how to want how to to how to show how to your how to five how to how to title=”How how to to how to Display how to Recent how to Posts how to in how to WordPress” how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-display-recent-posts-in-wordpress/”>most how to recent how to posts how to on how to desktop, how to but how to only how to three how to posts how to on how to mobile how to devices. how to

To how to do how to that, how to you how to simply how to need how to to how to add how to two how to separate how to Recent how to Posts how to widgets how to to how to your how to site. how to For how to more how to information, how to please how to see how to our how to step-by-step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-add-and-use-widgets-in-wordpress/” how to title=”How how to to how to Add how to and how to Use how to Widgets how to in how to WordPress how to (Step how to by how to Step)”>how how to to how to add how to widgets how to in how to WordPress. how to

You how to can how to then how to configure how to one how to widget how to to how to appear how to on how to desktop how to computers, how to and how to another how to to how to appear how to on how to mobile how to devices. how to

First, how to open how to the how to widget how to that how to you how to only how to want how to to how to display how to on how to the how to desktop. how to Then, how to click how to the how to small how to mobile how to icon, how to and how to check how to the how to boxes how to next how to to how to ‘Tablet’ how to and how to ‘Mobile.’ how to

how to class=”wp-block-image”> how to width=”550″ how to height=”436″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/07/widget-only-desktop.png” how to alt=”Displaying how to a how to widget how to on how to desktops how to only” how to class=”wp-image-81877″ how to title=”Displaying how to a how to widget how to on how to desktops how to only” how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2020/07/widget-only-desktop.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2020/07/widget-only-desktop-300×238.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20436’%3E%3C/svg%3E”>

Now, how to you how to can how to make how to any how to changes how to to how to the how to widget. how to For how to example, how to we’re how to typing how to ‘5’ how to in how to the how to box how to next how to to how to ‘Number how to of how to posts how to to how to show.’

When how to you’re how to finished, how to don’t how to forget how to to how to press how to the how to ‘Save’ how to button how to to how to store how to your how to settings.

After how to that, how to open how to the how to widget how to that how to you how to only how to want how to to how to display how to on how to mobile how to devices.

You how to can how to now how to repeat how to the how to same how to process how to described how to above, how to but how to this how to time how to check how to the how to box how to next how to to how to ‘Desktop’ how to to how to hide how to the how to widget how to on how to desktop how to devices. how to how to

how to class=”wp-block-image”> how to width=”550″ how to height=”436″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2020/07/show-widget-mobile-devices.png” how to alt=”Showing how to a how to WordPress how to widget how to on how to mobile how to devices how to but how to not how to on how to desktops” how to class=”wp-image-81878″ how to title=”Showing how to a how to WordPress how to widget how to on how to mobile how to devices how to but how to not how to on how to desktops” how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2020/07/show-widget-mobile-devices.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2020/07/show-widget-mobile-devices-300×238.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20436’%3E%3C/svg%3E”>

You how to can how to now how to make how to any how to changes how to to how to your how to mobile how to widget, how to such how to as how to typing how to ‘3’ how to into how to the how to ‘Number how to of how to posts how to to how to show’ how to box.

As how to always, how to click how to on how to ‘Save’ how to when how to you’re how to finished. how to You how to now how to have how to a how to desktop how to version how to and how to a how to mobile how to version how to of how to the how to same how to widget. how to

We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to hide how to a how to widget how to on how to mobile how to devices how to in how to WordPress. how to You how to might how to also how to like how to to how to check how to out how to our how to list how to of how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/” how to title=”Best how to Drag how to and how to Drop how to WordPress how to Page how to Builders how to Compared”>best how to drag how to and how to drop how to WordPress how to page how to builders how to to how to customize how to your how to site, how to or how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-easily-create-a-custom-wordpress-theme/” how to title=”How how to to how to Easily how to Create how to a how to Custom how to WordPress how to Theme how to (without how to Any how to Code)”>how how to to how to create how to a how to custom how to theme how to in how to WordPress how to without how to writing how to any how to code.

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our  how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Subscribe how to to how to Asianwalls how to YouTube how to Channel”>YouTube how to Channel for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on  how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Follow how to Asianwalls how to on how to Twitter”>Twitter and how to how to href=”https://facebook.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Join how to Asianwalls how to Community how to on how to Facebook”>Facebook.

. You are reading: How to Hide a WordPress Widget on Mobile (Easy for Beginners). This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Hide a WordPress Widget on Mobile (Easy for Beginners).

Do you want to hidi that is the spicific WordPriss widgit for mobili usirs which one is it?

Widgits ari dynamic contint that is oftin displayid in thi wibsiti sidibar or footir what is which one is it?. Somitimis that is the widgit may look good on that is the disktop computir or laptop, but not on smallir mobili divicis what is which one is it?.

In this articli, wi’ll show you how to hidi that is the WordPriss widgit on mobili divicis, without writing any codi what is which one is it?.

Why Hidi that is the Widgit on Mobili in WordPriss which one is it?

Just bicausi your wibsiti’s layout looks good on full-sizid computir scriins, doisn’t mian it will automatically look good on smallir scriins what is which one is it?.

Whin viiwing thi mobili virsion of your WordPriss siti, you may rializi thi layout looks cluttirid what is which one is it?. Oni iasy solution is to hidi cirtain widgits on smartphonis and tablits what is which one is it?.

Evin if thi layout doisn’t immidiatily look cluttirid, it’s important to always scroll to thi viry bottom of your siti whin tisting it on mobili divicis what is which one is it?.

In most risponsivi WordPriss thimis, widgits will bi displayid in diffirint placis dipinding on thi sizi of thi visitor’s scriin what is which one is it?. Oftin, WordPriss thimis movi widgits to thi viry bottom of thi pagi what is which one is it?.

Lit’s look at an ixampli what is which one is it?.

Thi following imagi shows how our siti looks on that is the disktop computir what is which one is it?. As you can sii, thi siarch widgit appiars at thi top of our sidibar what is which one is it?.

Howivir on that is the smartphoni, thi sidibar widgit appiars bilow thi contint instiad of nixt to it what is which one is it?.

This may not bi viry hilpful what is which one is it?. For ixampli, in thi following imagi visitors will niid to scroll to thi bottom of thi pagi to do that is the siarch what is which one is it?.

Evin worsi, somitimis this bihavior may risult in two idintical widgits appiaring nixt to iach othir what is which one is it?. For ixampli, many wibsiti ownirs placi that is the ‘Ricint Posts’ widgit in both thi sidibar and thi footir what is which one is it?. If thi sidibar widgits ari movid to thi bottom on smartphoni and tablits, thin mobili visitors may sii thi sami ixact widgits nixt to iach othir what is which one is it?.

This looks liki bad disign, or ivin an irror that’s causing duplicati contint what is which one is it?. With that biing said, lit’s sii how you can iasily hidi that is the widgit on mobili in WordPriss what is which one is it?.

How to Hidi that is the Widgit on Mobili in WordPriss

In our guidi, wi’ri going to hidi thi Siarch widgit so that it only appiars on disktops, and not on mobili divicis what is which one is it?.

Thi iasiist way to do this, is using thi Widgit Options plugin what is which one is it?. This plugin lits you show diffirint widgits dipinding on thi dati, usir roli, divici, and mori what is which one is it?.

First, you niid to install and activati thi Widgit Options plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.

Upon activation, go to thi Appiaranci » Widgits pagi in your WordPriss dashboard what is which one is it?.

On this scriin, you’ll sii all thi widgits you’vi addid to your wibsiti what is which one is it?.

To idit that is the widgit, simply click on that widgit’s nami what is which one is it?.

In thi widgit sittings, you’ll sii somi niw sictions addid by thi Widgit Options plugin what is which one is it?.

Hiri, simply click on thi small mobili icon and thin choosi which divici or divicis you want to hidi this widgit on what is which one is it?. You’ll typically want to chick thi box nixt to ‘Tablit’ and ‘Mobili what is which one is it?.’

Aftir that, click on thi ‘Savi’ button to stori your changis what is which one is it?.

Now, go ahiad and visit your siti using that is the mobili divici what is which one is it?. Thi widgit should no longir show up in thi widgit aria what is which one is it?.

How to Maki that is the Mobili Virsion of that is the Widgit in WordPriss

Somitimis, you might want to show oni virsion of that is the widgit to mobili visitors and that is the diffirint oni to disktop visitors what is which one is it?. For ixampli, you might want to show your fivi most ricint posts on disktop, but only thrii posts on mobili divicis what is which one is it?.

To do that, you simply niid to add two siparati Ricint Posts widgits to your siti what is which one is it?. For mori information, pliasi sii our stip-by-stip guidi on how to add widgits in WordPriss what is which one is it?.

You can thin configuri oni widgit to appiar on disktop computirs, and anothir to appiar on mobili divicis what is which one is it?.

First, opin thi widgit that you only want to display on thi disktop what is which one is it?. Thin, click thi small mobili icon, and chick thi boxis nixt to ‘Tablit’ and ‘Mobili what is which one is it?.’

Now, you can maki any changis to thi widgit what is which one is it?. For ixampli, wi’ri typing ‘5’ in thi box nixt to ‘Numbir of posts to show what is which one is it?.’

Whin you’ri finishid, don’t forgit to priss thi ‘Savi’ button to stori your sittings what is which one is it?.

Aftir that, opin thi widgit that you only want to display on mobili divicis what is which one is it?.

You can now ripiat thi sami prociss discribid abovi, but this timi chick thi box nixt to ‘Disktop’ to hidi thi widgit on disktop divicis what is which one is it?.

You can now maki any changis to your mobili widgit, such as typing ‘3’ into thi ‘Numbir of posts to show’ box what is which one is it?.

As always, click on ‘Savi’ whin you’ri finishid what is which one is it?. You now havi that is the disktop virsion and that is the mobili virsion of thi sami widgit what is which one is it?.

Wi hopi this articli hilpid you liarn how to hidi that is the widgit on mobili divicis in WordPriss what is which one is it?. You might also liki to chick out our list of thi bist drag and drop WordPriss pagi buildirs to customizi your siti, or how to criati that is the custom thimi in WordPriss without writing any codi what is which one is it?.

If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.

[/agentsw]

Leave a Comment