Support » Theme: Mantra » close the gap between menu and header image

  • Resolved RolandOfEld


    title pretty much says it all.. is there any way to do this? i i want to be able to close the gap so my background image does no show between the two

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello Roland,
    Try the following:
    Got to mantra settings > Header settings > then adjust header height and / or Header spacing (top).

    Alternatively try the new Parabola theme from the creators of mantra. I think it’s easier than the Mantra theme. It’s working for me, anyway.
    Good luck.

    header height pushes everything down according to the amount of pixels you define, header spacing defines whats inside the header area…

    does anyone else have any ideas?

    #access { margin-top: 0; }


    i applied this to my style.css, i also tinkered with setting a negative amount so i could have my navigation buttons overlapping the header image, but instead the header image is overlapping the navigation buttons.. any ideas?

    You did not mention placing the menu OVER the header image before.

    #branding { position: relative; }
    #access { position: relative; margin-top: -30px; }

    I had the same problem , thank you very very much for the code

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘close the gap between menu and header image’ is closed to new replies.