Display on mobile & desktop | PenciDesign Support

cleanketolifestyle replied

7 years ago

Customer Reply

Great that worked. On the new Instagram plug in that I have to use (https://wordpress.org/plugins/instagram-feed/) do you no how to disable pinning on the images. With the other Instagram widget there was a toggle to disable pinning.

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 480px) {
.footer-instagram{ display: none; }
}

Best Regards,

PenciDesign

cleanketolifestyle replied

7 years ago

Customer Reply

Thanks - I want to hide the new footer instagram shortcode on mobile.

PenciDesign replied

7 years ago

Staff Reply

Hi,

1/ You can drag & drop "Text" widget to Main Sidebar & Footer Instagram and paste the shortcode there.

2/ This theme doesn't supports for Pinning for images. Seem it come from a plugin from you. Let's check your plugins.

3/ I don't know what you want to hide on mobile.

Best Regards,

PenciDesign

cleanketolifestyle replied

7 years ago

Customer Reply

Thank you! Where to I place to shortcode so that is shows up on my footer and sidebar? Also, how do I disable pinning for the images? And hide it on mobile?

PenciDesign replied

7 years ago

Staff Reply

Hi,

Seem your hosting IP has been blocked by Instagram. That makes Instagram images cant' load for your site.
No problems, you can install this plugin: https://wordpress.org/plugins/instagram-feed/
After that, go to Dashboard > Instagram Feed > connect with your Instagram account and use shortcode from that plugin to display it.

Best Regards,
PenciDesign

cleanketolifestyle replied

7 years ago

Customer Reply

Thank you! These worked perfect!

My Instagram feed in the footer is not working. See screenshot attached. It was working before and the user name is correct. Please advise on how to fix this.

Thanks!

PenciDesign replied

7 years ago

Staff Reply

Hi,

1/ Please add more this code to Customize > Custom CSS to do that:

body.home #header .inner-header{ display: none; }

2/ I didn't see you're using any Footer Widget Columns on your site now. If you want to do that, please add more this code to Customize > Custom CSS:

@media only screen and (min-width: 481px) {
#widget-area{ display: none; }
}

3/ Please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 480px) {
.penci-sidebar-content .widget_mc4wp_form_widget{ display: none; }
}

Best Regards,

PenciDesign

cleanketolifestyle started the conversation

7 years ago

Conversation Start

I have a few quick custom CSS questions:

1) How do I hide the logo and slogan on the hompage only?

2) How do I hide the footer widget columns on desktop?

3) How do I hide the sidebar mailchimp form on mobile?