- This topic has 13 replies, 3 voices, and was last updated 4 years ago by
Tom.
-
AuthorPosts
-
January 29, 2017 at 8:00 am #271144
Matt
Hi
I had full width footer widgets working on mobile before recent update but now they are not.
i was using div class=”ignore-xy-spacing” in the actual widget box. but does not seem to be working now
thanks
MattJanuary 29, 2017 at 8:08 am #271145Leo
StaffCustomer SupportHi Matt,
That should still work, but I think it would make the footer widgets full width on both mobile and desktop though?
Are you able to show your site?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/January 29, 2017 at 8:40 am #271182Matt
I will email it to you. What email would I send it to
January 29, 2017 at 8:59 am #271202Leo
StaffCustomer SupportCan you try this code to see if it works first?
@media (max-width: 768px) { body .inside-footer-widgets.grid-container { max-width: 100%; } }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/January 29, 2017 at 11:36 am #271380Tom
Lead DeveloperLead DeveloperThis should help: https://generatepress.com/forums/topic/element-spacing/#post-269912
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJanuary 29, 2017 at 12:03 pm #271396Matt
Hi .
No that did not work I have fixed it to look right on desktop using the:
Customizing ▸ Layout – Footer – Footer Widget Area Padding.
But for it to look the way i want it on mobile i have to set those settings to 0. What would be the @media code for those settings and i just put that in my media quires.
thanks
MattJanuary 29, 2017 at 12:06 pm #271397Matt
Sorry Tom just seen your response. I will try that but if there is a way to do it as i mentioned above that would be heaps easier and i could eliminate some unnecessary coding.
Thanks
MattJanuary 29, 2017 at 3:32 pm #271467Tom
Lead DeveloperLead DeveloperAny chance I could see your site? Not sure why the footer widgets wouldn’t be full width on mobile by default.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJanuary 30, 2017 at 10:13 am #271795Tom
Lead DeveloperLead DeveloperSo first, you could do this:
@media (max-width: 768px) { .footer-widgets { padding: 0; } }
Then, you have this custom CSS:
.footer-widgets .grid-33 .widget { padding: 0 10px; width: 95%; }
You could replace it with:
@media (min-width: 769px) { .footer-widgets .grid-33 .widget { padding: 0 10px; width: 95%; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 1, 2017 at 2:12 pm #273010Matt
Hey Thanks Tom.
Sorry for late reply.
That makes it full width but for some reason its gone to wide and the text is off to the left.Thanks
MattFebruary 1, 2017 at 4:44 pm #273056Tom
Lead DeveloperLead DeveloperNot sure I’m seeing what you’re seeing. Can you clear your browser cache then show me a screenshot?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 1, 2017 at 7:44 pm #273084Tom
Lead DeveloperLead DeveloperI think your best bet here is to just let GP handle the spacing a bit more than you are.
1. Set your footer widget padding on the left and right to 10px (or whatever) in Customize > Layout > Footer
2. Remove this CSS:@media (min-width: 769px) { .footer-widgets .grid-33 .widget { padding: 0 10px; width: 95%; } }
To me, that has almost an identical look and uses default GP styling so there’s less quirks.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 2, 2017 at 5:08 am #273205Matt
Thanks Tom
That did the trick. I had all that code in before i purchased gp premium which was confusing it..
Want to thank you for crating such a great theme and your continued support
MattFebruary 2, 2017 at 9:01 am #273331Tom
Lead DeveloperLead DeveloperAwesome, glad I could help! 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.