Support » Theme: Resonar » Resizing the logo in the header and other header related questions

Viewing 7 replies - 1 through 7 (of 7 total)
  • I believe your first question has been answered here: https://wordpress.org/support/topic/logo-resizing-4/

    About “Home”: Did this appear per default? I have a fresh installation of WP and Resonar and it does not appear. Since I’m new to this I’m not sure where to find the according option :/

    Hey there,

    – I installed the Jetpack plugin so I could add my logo to the header, it’s there but I would like to make it bigger. How can I do that?

    Sure, just add following custom CSS using Jetpack’s custom CSS module by navigating to Appearance -> Edit CSS from your WordPress dashboard:

    .site-logo {
        max-height: 200px;
    }

    You can adjust the height according to your needs.

    – I would also like to add a search feature and social icons to the right hand side of the header (below the menu). Previously I had widgets for this in the side, is it possible to add widgets to the header? If so, how?

    Try searching the WordPress.org plugin directory to find a relevant plugin.

    – Oh, this isn’t header related but on the homepage it shows β€œHome” as that’s the title – is it possible to hide this but only on the homepage?

    Following custom CSS should do the trick

    .page-id-522 #menu-item-524 {
        display: none;
    }

    Hope it helps πŸ™‚

    It should be noted that ALL changes to your CSS file will be resetted if the plugin is updated.

    Thus, https://wordpress.org/support/topic/logo-resizing-4/

    Hey @th3n3x,

    No, the changes will not be lost when the plugin is updated. That’s why we recommend either using a plugin or setting up a child theme πŸ™‚

    Thank you everyone!

    I’ve made the logo bigger using the Jetpacks custom CSS.

    @themeislesupport the code to remove the “Home” removed home from the menu and not the white “Home” that covers the picture. Sorry, I probably didn’t explain it very well.

    I’ve managed to add the social icon and search widgets to the menu in the header, but I’m not happy with it.

    Ideally, the search would be at the top of the header, social icons in the middle and then the actual menu at the bottom of the header. Does that make sense? Is there an easy way this could be done?

    Again, thank you for all the help!

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Ideally, the search would be at the top of the header, social icons in the middle and then the actual menu at the bottom of the header. Does that make sense? Is there an easy way this could be done?

    “Easy” depends on your skill level. πŸ™‚

    The first step would be to set up a child theme, so your changes won’t be overwritten when you update the theme. If you’re new to child themes, you can explore these guides:

    http://codex.wordpress.org/Child_Themes
    https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/
    http://vimeo.com/39023468

    Keeping your theme up-to-date is strongly recommended to ensure you get bug fixes, security updates, and updates to keep the theme compatible with WordPress core.

    Once your child theme is set up you’d copy header.php into your child theme and make your changes there. You can either hard-code in your elements or add new widget areas.

    Here are some resources for adding new widgetized areas to a theme, if you go that route:

    http://codex.wordpress.org/Widgetizing_Themes
    http://www.dummies.com/how-to/content/how-to-register-new-widget-areas-to-your-wordpress.html

    You’ll also need to add corresponding CSS tweaks either to your child theme’s style.css or to your CSS plugin editor. I recommend keeping all CSS changes in one place to avoid confusion and make subsequent changes easier.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Resizing the logo in the header and other header related questions’ is closed to new replies.