"editing footer widgets for mobile" (#3293177) / ThemeNectar

Comments

10
Erin started the conversation
March 10, 2023 at 7:33pm
Is there a way to edit the mobile footer so there is not so much space?
Attached files: Screenshot 2023-03-10 at 11.32.33 AM.png

1,877

Judith replied

March 11, 2023 at 5:04am

Hi Erin,

Thanks for keeping in touch.

Please try this css:

@media only screen and (max-width: 690px){
#ajax-content-wrap #footer-widgets .container .col:nth-child(3) {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 1px) and (max-width: 999px){
#footer-widgets .container .col {
    margin-bottom: 0px;
}
}

Thanks.

10
Erin replied
March 11, 2023 at 7:41pm
Thank you. It's still a bit big, but much better than before.
Attached files: Screenshot 2023-03-11 at 11.40.17 AM.png
10
Erin replied
March 11, 2023 at 7:47pm
Hm, it worked for a while but now it's not working anymore. It went back to the way it was even though the CSS is still applied to the blocks in the footer widgets. So I tried adding the css to General Settings/CSS Script related and that didn't work either.
1,877
Judith replied
March 11, 2023 at 8:52pm
Hi Erin,
Please send in your admin login details so that we can check this out further.
Thanks.
Erin replied privately
Erin replied privately
8,839
Tahir replied
March 12, 2023 at 6:51pm
Must be caching.
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
If you are using WP Rocket use this guide : https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ .
Thanks
ThemeNectar Support Team