Support » Theme: Shoreditch » Navigation & toggle button

  • Resolved Pauthake015


    I would like to customize the header navigation using child theme. I tried to modify CSS but did not work. Any help will be appreciated!
    1. Currently the menu is right align, how could I align left, instead.
    2. I also wanted to change the toggled Menu style something like twenty fifteen theme or Twenty Seventeen with hamburger symbol & Menu (symbol & text).
    Thank You

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @pauthake015!

    To shift the menu to the left, you can use the following CSS snippet:

    .site-branding {
        margin-right: 0px

    That will remove the right hand margin of the site branding element, which is what pushes the menu to the right hand side.

    For a hamburger style menu, your best bet would be to look for a plugin that can accomplish your goals – building one by hand would involve a fair bit of PHP and javascript work 🙂

    Thread Starter Pauthake015


    Hi Chad,
    Thank you very much for the CSS snippets. As an aspiring theme developer, I would like to tweak (customize) theme with CSS & code snippets rather than using plugins.

    I plan to study twenty fifteen theme & compare with Shoreditch theme to figure out the differences and understand what is going on. I like the Shoreditch theme very much except few things (buttons) & content display etc.

    Once again many thanks for your time and appreciate for your help.

    My pleasure!

    I’m a Shoreditch fan as well – have fun tinkering! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navigation & toggle button’ is closed to new replies.