close the gap between menu and header image

  • Resolved RolandOfEld

    (@rolandofeld)


    11 years, 5 months ago

    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.
    JD

    Thread Starter RolandOfEld

    (@rolandofeld)

    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; }

    Thread Starter RolandOfEld

    (@rolandofeld)

    thanks!

    Thread Starter RolandOfEld

    (@rolandofeld)

    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.