Menu above built with this plugin including Mega Menu.

header bar overlaps site content

This topic contains 4 replies, has 2 voices, and was last updated by  Peter Featherstone 1 year, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #29928 Reply

    Michael

    hi there, there’s one last issue we haven’t been able to fix by now: the header bar overlaps with the original page content so that the upper section of the images that are meant to be top of the page aren’t visible (if you click on the website, this is not visible on the front page, but on the Substanzen-pages). is there any way to place the header bar and button at the very top, so that all other content then appears below it? thanks a lot, michael

    #29929 Reply

    Michael

    alright the link to the website isn’t displayed here, so here it is: http://www.ikatch.it

    #29931 Reply

    Hey there,

    You should be able to just add a top margin or padding to your body to bring it down the size of your header bar.

    The below Custom CSS should do it (just adjust to the height of your header bar):

    body {
       margin-top: 50px;
    }

    All the best

    Peter

    #29932 Reply

    Michael

    Hi Peter, thank you! On the sub-page it’s alright now, however on the front page the margin seems very big now… do you happen to have an idea what to do about this? Thanks! Michael

    #29934 Reply

    Hi Michael,

    It looks to be because of the style you have on line 268 of http://ikatch.it/wp-content/themes/architect/assets/css/style.css?ver=2.3

    section {
       padding: 50px 0 !important;
    }

    This seems to be CSS coming from your theme so it would likely be best to speak to your web or theme developer.

    Hope that helps

    Peter

Viewing 5 posts - 1 through 5 (of 5 total)
Reply To: header bar overlaps site content
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed