- This topic has 16 replies, 8 voices, and was last updated 6 years, 7 months ago by Tom.
-
AuthorPosts
-
September 10, 2015 at 3:58 pm #135922Michel 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 #135930bdbrownHi 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 #135953TomLead 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/
September 17, 2015 at 10:27 am #137523MichelGreat! Thank you so much for the help.
September 17, 2015 at 10:35 am #137528TomLead DeveloperLead DeveloperGlad we could help ๐
November 25, 2016 at 12:44 pm #247761MiguelHi 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 #247770TomLead DeveloperLead DeveloperThe post above should tweak that for you: https://generatepress.com/forums/topic/footer-widgets-cut-off-for-multiple-rows/#post-135953
May 19, 2017 at 6:05 am #320656NormanHi 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 #320777LeoStaffCustomer 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.
August 4, 2017 at 10:11 am #359767SusanneHi 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 #360022TomLead 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 ๐
August 5, 2017 at 3:53 pm #360302SusanneAha, 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 #360406TomLead DeveloperLead DeveloperHmm, that should work fine.
Any other custom functions? Custom template files?
August 6, 2017 at 1:46 pm #360695Susannethere 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 #360776TomLead DeveloperLead DeveloperNo problem!
What exactly did you edit in the footer file? The copyright output?
-
AuthorPosts
- You must be logged in to reply to this topic.