Hi again guys,
Thank you for quick reply on all of my tickets.
I tried giving this some time but i cant figure it out. How do i change what widgets should be visible in the footer on mobile devices?
As it is now, the footer is super long in the mobile.
Best regards, Kim
Hello,
You can remove one of the columns by adding the lines of code:
@media(max-width:480px){ .footer-content-row .footer-widget:first-child{ display:none; } }
If you add these lines above on Extra Css the first column will be removed on mobile device.
In case you want to remove the second column you have to replace the first-child with second-child.
Let us know which column you want to remove so i can give the exact code.
Regards!
Hi!
Thank you for your reply.
I manage to remove the first with your code but the others I cant get rid of. I changed “first” to “second” and so on. What am I doing wrong?
I’d like to remove second, third and fourth columns.
Is it possible to style all 4 columns for the mobile device? I could not find it thats why i wanted to hide them instead.
Regards,
Kim
If you want to remove the whole footer you have to add this line of code:
@media(max-width:480px){ .site-footer{display:none} }
Anyway by default the footer is responsive. This is the standard way to show the footer columns in responsive devices.
Let us know.
You must be logged in to reply to this topic.
