Sidebars in mobile view | PenciDesign Support

Nello270 replied

4 years ago

Customer Reply

Hi,

That works well, thank you :)

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (min-width: 1080px) {
    #sidebar #text-57 {
        display: none;
    }
}

Regards,
PenciDesign.

Nello270 replied

4 years ago

Customer Reply

Now I notice that the heading "Waterfront Happenings" has reappeared in the Desktop view/right column of the site, which we had previously removed - I think with coding. I wanted that heading to only appear in mobile views. Is that a coincidence, or did I do something else to trigger this change?

www.yqna.ca

Nello270 replied

4 years ago

Customer Reply

Hi,

Sorry for the delay. That worked very well, thank you!

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please try to use the following CSS code below:

@media only screen and (max-width: 1080px) {
    .widget.penci_latest_news_widget {
        display: none;
    }
}

If this code works, you can deactivate the Widget Options plugin.

Regards,
PenciDesign.

Nello270 replied

4 years ago

Customer Reply

Hi,

I've attached two screenshots showing my plugins. Here is the live site:

https://vgrfz2tl4v9.c.updraftclone.com/

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Are you using any caching plugin? Please send me your live site URL.

Regards,
PenciDesign.

Nello270 replied

4 years ago

Customer Reply

Hi, I downloaded Widget Options and gave it a try. For the "Recent Posts" widget, I checked the “Mobile” and “Tablet” boxes under “Hide on checked devices,” but the widget only disappears on my iPhone, not my iPad. I entered the widget’s Settings area but no changes seemed available. Any ideas?

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

About this case, please delete all the code I've sent, then install the Widget Options plugin here: https://wordpress.org/plugins/widget-options/

This plugin will add extra options to the widget's settings, and help you control the visibility for each device, please try to use it.

Regards,
PenciDesign.

Nello270 replied

4 years ago

Customer Reply

That actually removed the first series of widgets from the right-hand column, not the "Recent Posts"...

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

#sidebar .widget.widget_text {
    display: none;
}
@media only screen and (max-width: 767px) {
    .widget.penci_latest_news_widget {
        display: none;
    }
    #sidebar .widget.widget_text {
        display: block;
    }
}

Regards,
PenciDesign.

Nello270 replied

4 years ago

Customer Reply

Yes both the left and right sidebars are displaying at the bottom of the page in mobile views - that's great

You asked how I want to display it... if possible, with two changes in mobile view only:

Add the headline "Happening on the Waterfront" above the list of Waterfront event widgets (see attachment)

And remove "Recent Posts" entirely from mobile view.

Is that doable?

Nello270 replied

4 years ago

Customer Reply

I'm figuring this out with my neighbourhood association - please leave this ticket open, will get back to you soon!

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

I've checked your post, both the left & right sidebar display under the post content like the image, how do you want to display it? Please send me a screenshot & take a note.

Regards,
PenciDesign.

Nello270 replied

4 years ago

Customer Reply

Ok, here's the clone version I'm working on -

https://vgrfz2tl4v9.c.updraftclone.com/

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please send me your post URL. I'll check then send you a quick solution.

Regards,
PenciDesign.

Nello270 started the conversation

4 years ago

Conversation Start

Hi,

I'm enjoying Soledad and just noticed something with my design - the right sidebar widgets appear at the bottom of the page in mobile views, but the left sidebar widgets don't. Is there a way to make the left sidebar content appear there too? And adjust which widgets appear in the mobile version?

Thanks :)