Skip to content
Public Ticket #18122

Set up footer

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

If you want to show it on the tablet, please modify the code like this:

@media only screen and (max-width: 959px) {
    .footer-widget-wrapper,
    .footer-widget-wrapper .widget-social.pc_alignleft,
    .footer-widget-wrapper .widget .widget-title {
        text-align: center;
    }
}

Regards,
PenciDesign.


truongdaoanhthu replied

Customer Reply

Hi there,

Thanks for your supporting. 

The mobile mode has changed like what I want. But the tablet mode hasn't (Image attached). And I don't know why. :((

PenciDesign Supporter replied

Staff Reply

Hi,

Please copy & paste to Customize → Custom, click Publish, clear all your cache then check again.

Here is the screenshot of your site when this code applies to your site:

image.png

Regards,
PenciDesign.


truongdaoanhthu replied

Customer Reply

Hi there, 

I did following what you guided, but it didn't change anything. I want everything is center. What should I do next?

Thanks

PenciDesign Supporter replied

Staff Reply

Hi,

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

@media only screen and (max-width: 767px) {
    .footer-widget-wrapper,
    .footer-widget-wrapper .widget-social.pc_alignleft,
    .footer-widget-wrapper .widget .widget-title {
        text-align: center;
    }
}

Regards,
PenciDesign.



truongdaoanhthu started the conversation

Conversation Start

Hi there,

How can I align all elements center? 

Thanks

Want to join this conversation or access attachments? Sign in first.