Why are the margin updates in my header not updating on my site, but editor yes?

  • Resolved cuberuler

    (@cuberuler)


    10 months, 3 weeks ago

    Hello,

    I am the developer of this website. My boss has requested that the margin in the header, between the logo and the menu links, be reduced (and at the top as well).

    I have managed to accomplish this in the editor, and I of course updated the website. However, when actually viewing the website (NOT logged in to WordPress, like a regular visitor) the margin is still there and I cannot for the life of me figure out how to remove it.

    This picture shows the margin I want to remove:

    https://imageupload.io/RDqVhWigT6JY7VQ

    This is how it looks on the editor, and I would like to remove the margin/padding between the logo and the menu links.

    https://imageupload.io/en/Y8gJvPEuuNcIJDj

    If anyone knows why the margin is not disappearing after updating the website, even though it does disappear when I am viewing it logged in to the WordPress website. I would be extremely greatful for any input you have. If I cannnot resolve whatever is causing this bug/glitch,

    Please see the two attached photos so you can see what I am talking about.

    Thank you, so much, for taking your time to help me. I cannot express my appreciation enough.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter cuberuler

    (@cuberuler)

    10 months, 3 weeks ago

    This is the custom CSS I am using, I don’t believe that it is affecting it though. Man, I am absolutely at my wit’s end about this…

    @media screen and (min-width: 782px) {
    #wpzf-7143 {
    margin-top: -75px;
    }
    }
    margin-bottom: 150px;
    border-bottom: none;

    Thread Starter cuberuler

    (@cuberuler)

    10 months, 3 weeks ago

    I think the problem may be here, but I am not sure how to adjust it. 

    
<div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--40);"
    Moderator bcworkz

    (@bcworkz)

    10 months, 3 weeks ago

    This is the element that establishes the space between logo and menu:
    <div style="padding-top:var(--wp--preset--spacing--30);margin-bottom:16px;" class="aligncenter border-bottom: none; wp-block-site-logo">

    Because the margin-bottom style is as an element style attribute, you cannot override it with added CSS code. You need to modify the attribute at its source. Depending on the editor you use, there ought to be style settings where you can change the margin-bottom property.

    Thread Starter cuberuler

    (@cuberuler)

    10 months, 3 weeks ago

    Thanks, I found them. The reason it was not updating was because of a stupid cache plugin I had installed. Again, I really appreciate your time!

    Resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Why are the margin updates in my header not updating on my site, but editor yes?’ is closed to new replies.