header image changing its position

  • Hello,

    I’m trying to create a website and my problem is that I cannot fix the position of the header image on the different pages of the website.

    This is the home page: https://www.antransclean.eu/. It’s fine, because the header image sticks to the menu above it.

    This is an example of another page: https://www.antransclean.eu/szolgaltatasok. There is a white border between the menu and the header image, and I cannot make it disappear. Do you have any idea how I could make the white border disappear? The header image should stick to the menu.

    (I am using a modified version of the AccesspressLite Theme.)

    Thank you for your help in advance.

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

  • There is a:

    #content {
padding: 40px 0;
}

    in the css.

    That adds 40px worth of padding to the top and bottom of the element with the ID “content”

    padding basically adds whitespace to an element so that it can be spaced away from other elements.

    If you want to get rid of this gap at the top

    1. Go to Appearance -> Editor (this will bring up a style.css file
    2. Press “ctrl + F” on your keyboard (this will bring up a search prompt)
    3. Search for “#content” and look around until you see the code snippet that I posted above.
    4. replace the “padding: 40px 0;” with “padding: 0 0 40px 0;”

    this will remove the padding on the top but keep it at the bottom.

    Keep in mind though, that if you update your theme (you mentioned that you are using a modified version of AccesspressLite) your changes will be overwritten unless you are using a Child theme

    Thread Starter andresin_zs

    (@andresin_zs)

    Unfortunately, it didn’t work.
    You can see the style css and the header.php of my theme here:

    https://dl.dropboxusercontent.com/u/45391694/header.php.docx

    https://dl.dropboxusercontent.com/u/45391694/style.css.docx

    Could you please have a look at them to see what the problem is?

    Thanks a lot.

    From what I can tell, you fixed it. On the second URL that you provided in your first post the gap between the image and the navigation bar is gone.

    https://www.antransclean.eu/szolgaltatasok

    Thread Starter andresin_zs

    (@andresin_zs)

    Yes, it helped. I don’t know why I didn’t see it at first. Thank you so much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘header image changing its position’ is closed to new replies.