[Resolved] Inner Pages header element showing on top of content instead of behind it

Home Forums Support Inner Pages header element showing on top of content instead of behind it

  • This topic has 6 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1005953
    Ghadeer

    Hello. I wanted the content section to show on top of the header element in my content pages.

    I was previously using this css:
    .inside-article{
    margin-top: -320px;
    z-index: 10; //added today but still does not work
    }

    It was working, the content section was showing on top of my header element. Today I checked and for some reason, it stopped. I have tried changing z-indexes but it still doesn’t work.

    My header element contains the post title and featured image. Here is a page example: https://www.thedigitalarabs.com/biopharmaceuticals/

    #1005973
    Leo
    Staff
    Customer Support

    Hi there,

    Remove that CSS and try this instead:

    .separate-containers .site-main {
        margin-top: -320px;
    }
    #1005979
    Ghadeer

    Worked! Thank you

    #1006000
    Ghadeer

    Well, just a follow up: it worked but the container is now stuck to the left of the screen, and I am not sure where I should apply the margin-left value for it to go to the middle a bit. Putting ” margin-left: 100px;” inside the css you suggested is not working

    #1006001
    Leo
    Staff
    Customer Support

    Any reasons why you are using this CSS?

    body .grid-container {
        max-width: 100% !important;
    }
    #1006023
    Ghadeer

    I thought you were giving me a CSS suggestion, just now realized it’s a question.

    I used that to try to fix something that didn’t get fixed, so I deleted it.

    I put “margin-left: 100px !important;” inside the original css tag you suggested above and it worked (only after adding !important to it, even after the useless css was deleted). So you can consider this as resolved. Thank you!

    #1006030
    Leo
    Staff
    Customer Support
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.