- This topic has 16 replies, 8 voices, and was last updated 3 years, 6 months ago by
Tom.
-
AuthorPosts
-
September 10, 2015 at 3:58 pm #135922
Michel Greenwood
Hi,
Golly, you guys are really working hard with the support. I think this might be a newbie question…
It seems the footer widgets begin a second row at 1024px width (at least that’s how it’s working for me). I am using three widgets, and they will shrink down up to 1025px and stay on the same line. But they break into two rows at 1024px. This isn’t the best deal since the ipad is 1024px wide. I was trying to find where to adjust that by looking through the media queries, but couldn’t find where. Is there a simple answer for this?
Thanks.
September 10, 2015 at 4:44 pm #135930bdbrown
Hi Michel. Take a look at this post. There is some CSS there that might help. Let me know if you have any questions.
September 10, 2015 at 9:58 pm #135953Tom
Lead DeveloperLead DeveloperYou can also use a function like this to change the widths of the footer widgets:
add_filter( 'generate_footer_widget_1_tablet_width','generate_change_footer_widget_1_tablet_width' ); function generate_change_footer_widget_1_tablet_width() { return '33'; } add_filter( 'generate_footer_widget_2_tablet_width','generate_change_footer_widget_2_tablet_width' ); function generate_change_footer_widget_2_tablet_width() { return '33'; } add_filter( 'generate_footer_widget_3_tablet_width','generate_change_footer_widget_3_tablet_width' ); function generate_change_footer_widget_3_tablet_width() { return '33'; }
Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/
Then add this CSS:
.active-footer-widgets-3 .footer-widget-3 { width: inherit; } @media (max-width: 1025px) and (min-width: 768px) { .inside-footer-widgets>div:nth-child(odd) { clear: none; } }
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 17, 2015 at 10:27 am #137523Michel
Great! Thank you so much for the help.
September 17, 2015 at 10:35 am #137528Tom
Lead DeveloperLead DeveloperGlad we could help π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentNovember 25, 2016 at 12:44 pm #247761Miguel
Hi Tom!
I have 3 footer widgets. They look great on 15 inch laptop screen. But upon looking at them on an Ipad, they break into 2 columns and this isn’t ideal.
How can I go about fixing this?
http://aprendendoinglesemcasa.com/
Many thanks!
Miguel
November 25, 2016 at 1:33 pm #247770Tom
Lead DeveloperLead DeveloperThe post above should tweak that for you: https://generatepress.com/forums/topic/footer-widgets-cut-off-for-multiple-rows/#post-135953
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 19, 2017 at 6:05 am #320656Norman
Hi guys,
Should this still be working? I tried to use it, but it didn’t work.
http://www.fairfieldcollege.nl/nieuwesite
I would like the 3 widgets to be on one row in the horizontal tablet mode.
May 19, 2017 at 9:21 am #320777Leo
StaffCustomer SupportHmm it should still work.
Just want to make sure you add the first block of code (filters) using one of these methods? https://docs.generatepress.com/article/adding-php/#code-snippets
And make sure you click Save and Activate for the snippet.And then second part is CSS: https://generatepress.com/knowledgebase/adding-css/
Let us know.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 4, 2017 at 10:11 am #359767Susanne Friedrich
Hi guys,
May I add on to this with my issue which is the same:
I also have 3 footer widgets and they stack way too early.
I added the filter function Tom provided above as well as the css in my child theme, and no change.
so it is supposed to show 3 widgets in a row between 1025 px and 768 and stack at 768 pixels but it already stacks a 980 pixels.I know the widgets would fit 3 in a row, because the widgets above on that page fit and stack later.
see the issue here
http://sfswedenborgian.org/
Thanks for any inputBTW: I just re-purchased the premium because I use it so much and thought you guys deserve the extra cash.
August 4, 2017 at 11:47 pm #360022Tom
Lead DeveloperLead DeveloperThank you so much, Susanne!
Can you show me the function you’re using? Your footer widgets are missing some classes.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 5, 2017 at 3:53 pm #360302Susanne Friedrich
Aha, ok. Heres the function I am using:
add_filter( 'generate_footer_widget_1_tablet_width','generate_change_footer_widget_1_tablet_width' ); function generate_change_footer_widget_1_tablet_width() { return '33'; } add_filter( 'generate_footer_widget_2_tablet_width','generate_change_footer_widget_2_tablet_width' ); function generate_change_footer_widget_2_tablet_width() { return '33'; } add_filter( 'generate_footer_widget_3_tablet_width','generate_change_footer_widget_3_tablet_width' ); function generate_change_footer_widget_3_tablet_width() { return '33'; }
August 6, 2017 at 12:04 am #360406Tom
Lead DeveloperLead DeveloperHmm, that should work fine.
Any other custom functions? Custom template files?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 6, 2017 at 1:46 pm #360695Susanne Friedrich
there is a custom footer file …. ok I removed that file and now it works. well of course!
I do think it would be nice though to automatically have the copyright of the relevant author and not need to use the premium plugin to make it so.
I modified the footer file to also show my byline. But I think I must have removed some classes too.In any case, thanks for your prompt assistance!
All is well now.August 6, 2017 at 7:23 pm #360776Tom
Lead DeveloperLead DeveloperNo problem!
What exactly did you edit in the footer file? The copyright output?
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.