Mobile Footer

I have 6 columns in footer which look perfect When viewing on a desktop pc. But when i view website on mobile phone and I scroll down to footer the footer is really long, it takes all 6 columns and creates one vertical long footer.

Is there a way to fix this? Maybe a hamburger menu at bottom of footer for footer columns.
I don’t know, please comment or help with any advice. Thank you.

Sincerely,
Carol S.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for contacting us.

We understand this problem but there is no “Hamburger” button function for footer widgets in our theme. The only one option would be to hide some unnecessary columns for mobile devices.

Regards

How can I able or disable what should or shouldn’t be viewed on mobile. Thanks.

Sincerely,
Carol S.

You can use this code snippet to hide one of six columns via Custom CSS for mobile devices

.footer-column-5 {
   display:none!important;
}

Where 5 is an index of the column. It may be changed from 1 to 6.

Regards

[Author]

Posts