How to move menu bar under header image

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello SD1.
    (If necessary, copy parent header.php to your child theme)
    Look in your header.php file for
    <div id="site-header-menu">
    (by default site-header-menu is inside the site-header-main div.)

    Copy the whole of <div id="site-header-menu"> and move it outside (e.g. below) the <div class="site-header-main">...</div>.

    This should do it.
    You may have to further tweak the CSS to adjust for having pulled the menu around, but, at least you will have moved your menu below the Site Branding.

    Good luck!

    …er, now I see that you’ll have to move <div id="site-header-menu"> below your <div> class="header-image"></div>
    ??
    Have fun!

    Thread Starter sinceday1

    (@sinceday1)

    Thanks for the info.

    I tried it out and got the menu under my header image but now my header image has been pushed out of the container (to high)

    what am I doing wrong ?

    https://www.beverlyhillsmdliftandfirm.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to move menu bar under header image’ is closed to new replies.