[Theme: Cubic] Center Logo and add Social Media buttons

  • Hi,

    My site is tipsychocochip.com and I’m looking to create a header with social media icons on the left, a centered (clickable) logo image, and the menu on the right side. Here’s an example image that I hacked together, but haven’t been able to reproduce using CSS.

    I’ve looked at some of the other threads on centering the header image and the CSS doesn’t seem to work on my site (like this one).

    Secondly, is there a way to add HTML to my site (I know I shouldn’t edit the theme directly) so that I can add custom image links to the header and add in social media? I know cubic supports the social menu at the footer, but I also want those links accessible in the header.

Viewing 1 replies (of 1 total)

  • Hi there,

    The best way to customise a theme’s HTML is via a child theme. You can find good introductions to child themes, information on how they work, and steps to set them up in the following guides:

    Cubic is already a child theme to Boardwalk, which makes things a little trickier in your case.

    You have the following options:

    • Activate Boardwalk, create a child theme for it, and then copy over files from Cubic to the child theme’s directory. You can use a plugin such as Child Theme Configurator to automatic this process. (I recommend this approach.)
    • Create a grandchild theme. Although grandchild themes are not officially supported and considered bad practice by some, they will enable you to keep and customise your child theme. You can find some tutorials to set a child theme up here and here.

    If you choose the first approach then you can copy over Boardwalk’s header.php file to your child theme’s directory and then add your social menu to the HTML there.

    Let me know which approach you decide to take or if you have any questions and I can guide you further from there.

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Cubic] Center Logo and add Social Media buttons’ is closed to new replies.