- This topic has 13 replies, 3 voices, and was last updated 7 years, 2 months ago by Tom.
-
AuthorPosts
-
January 29, 2017 at 8:00 am #271144Matt
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 #271145LeoStaffCustomer 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?
January 29, 2017 at 8:40 am #271182MattI will email it to you. What email would I send it to
January 29, 2017 at 8:59 am #271202LeoStaffCustomer 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/
January 29, 2017 at 11:36 am #271380TomLead DeveloperLead DeveloperThis should help: https://generatepress.com/forums/topic/element-spacing/#post-269912
January 29, 2017 at 12:03 pm #271396MattHi .
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 #271397MattSorry 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 #271467TomLead DeveloperLead DeveloperAny chance I could see your site? Not sure why the footer widgets wouldn’t be full width on mobile by default.
January 30, 2017 at 10:13 am #271795TomLead 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%; } }
February 1, 2017 at 2:12 pm #273010MattHey 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 #273056TomLead DeveloperLead DeveloperNot sure I’m seeing what you’re seeing. Can you clear your browser cache then show me a screenshot?
February 1, 2017 at 7:44 pm #273084TomLead 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.
February 2, 2017 at 5:08 am #273205MattThanks 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 #273331TomLead DeveloperLead DeveloperAwesome, glad I could help! 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.