Reply To: Nav / mobile view / print-friendly view / footer widget layout

Home Forums Support Nav / mobile view / print-friendly view / footer widget layout Reply To: Nav / mobile view / print-friendly view / footer widget layout

#229714
Tom
Lead Developer
Lead Developer

Hi Alex,

Thank you so much for the suggestions! I appreciate it πŸ™‚

1. This is a very tough thing to do in web design – unfortunately there is no easy solution that isn’t very hacky.

One thing you can do is reduce the font size of your menu items at certain break points, for example:

@media (max-width: 1000px) {
    .main-navigation .main-nav li a {
        font-size: 14px;
    }
}

2. That’s because the height of the menu item is set using line-height instead of padding. You can reverse that like this:

.secondary-navigation .main-nav ul li a, 
.secondary-navigation .menu-toggle {
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

3. That doesn’t sound right, any chance you can show me this?

4. Unfortunately this is just kind of an unavoidable thing with menus and HTML/CSS – in my experience, it’s best to keep the main menu as simple and short as possible for user experience. Your footer is where you can really go nuts with tons of links (like the footer of this site).

5. Some people have asked for an add-on for this – I’m definitely considering it. For now, it can be accomplished using the GP Hooks add-on. For example: https://generatepress.com/forums/topic/top-bar-2/

If you search for “Top bar” on the forums here you should find some other examples as well.

6. You mean the “Menu” text? You can adjust that in “Customize > Layout > Secondary Navigation”.

7. This should help: https://generatepress.com/forums/topic/secondary-navigation-on-mobile-question/#post-120014

8. Interesting.. You can remove it like this:

add_action('after_setup_theme','generate_copyright_remove_default_message');
function generate_copyright_remove_default_message()
{
	remove_action( 'generate_credits', 'generate_add_footer_info' );
	remove_action( 'generate_copyright_line','generate_add_login_attribution' );
}

Copyright symbol can be done like this: ©

The date is a little more tricky.. You would need to create a shortcode like this:

add_shortcode( 'get_the_year','tu_get_the_year' );
function tu_get_the_year()
{
    return date( 'Y' );
}

Then you could use [get_the_year] in your widget.

9. This is pretty easy with CSS: https://generatepress.com/forums/topic/flexible-footer-widths/

10. You can add CSS without a child theme if you use a plugin like my Simple CSS one: https://wordpress.org/plugins/simple-css/

The CSS is pretty simple:

.generate-back-to-top, 
.generate-back-to-top:visited {
    right: auto;
    left: 30px;
}

11. There isn’t, I’m not a fan of using shortcodes inside the theme – if you ever change themes, your buttons would just be a bunch of shortcodes instead of anything useful. CSS and HTML is way better for stuff like this, and not much more complicated: https://generatepress.com/forums/topic/buttons-2/

12. Sidebars can be turned on/off on individual pages: https://generatepress.com/knowledgebase/choosing-sidebar-layouts/

Social icons etc.. depend on the plugin you’re using, but in most cases you can use CSS and my Simple CSS plugin adds a metabox for CSS only on specific pages.

Not sure what you mean by mobile header for printing? Printing should print the entire page as seen on your desktop – the mobile header shouldn’t appear.

Thanks again for the ideas – there’s a couple in here I could see myself adding to the theme.

There’s about to be a really big GP Premium update, so I would hold off on any translating until after it’s out. That reminds me, I need to update the .pot files before release πŸ™‚

Hope this helps!