Prevent Sidebar from loading

[EatDrinkDeals]

I have a sidebar on my site desktop view and it is not shown on mobile but it still is being loaded. I can tell this by looking at pagespeed insights and lighthouse. How can I prevent the sidebar from being loaded on mobile devices? My site is http://www.seniordaily.com
Below is the CSS I use to prevent the sidebar from being displayed on mobile. It works fine on that but my mobile pagespeed score is poor because the sidebar appears to be loaded then suppressed.

@media only screen and (max-width : 768px) {
.sidebar-primary {
display: none; }
.site-header .wrap {
padding: 13px;
padding-bottom: -19px;
margin-right: 0px;
margin-bottom: -77px;
}
}

https://www.seniordaily.com/

[EatDrinkDeals]

I forgot to add that I am using Magazine Pro 3.7.0 and Genesis 3.3.3. Also here is my pagespeed:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.seniordaily.com%2F

[EatDrinkDeals]

To address this I did the following, if anyone thinks this was the wrong approach please reply.
1. Made a copy of sidebar.php from the Genesis folder.
2. Edited to add this line at the top
if ( ! wp_is_mobile() ) {

3. And this at the bottom

} else {
// Do nothing
}
4. Uploaded the file to the Magazine Pro themes folder

I think that this turns all the sidebar function into a no-op on mobile devices.

[andytc]

I wouldn't do that , I'd just add some code to the childtheme functions.php to remove the sidebar - something like below

if (wp_is_mobile()) {
   remove_action ('genesis_sidebar','genesis_do_sidebar');
}

That will probably achieve what you want , you could adjust that conditional further if you wished. You'll need to test that thoroughly using real mobile devices , DEV tools mobile simulation won't respond to that.

Personally , I'm not keen on using wp_is_mobile on the front end , it literally targets any device considered as 'Mobile' , tablets in any orientation for example.

Using display: none; in CSS is the most common method

[EatDrinkDeals]

Your remove_action code suggestion appears to work, thank you.

[Author]

Posts