• Resolved umanoodle

    (@umanoodle)


    Hello,

    I would like the edges of my header to come into line with the main content, you can see in this image here in pink: https://ibb.co/ZWsnCQf

    I have checked the code and can see it is something to do with the purple bit in the middle (maybe) can someone point me in the direction to bring the right and left of the header in line with the main content please ?? thanks

    • This topic was modified 2 years ago by umanoodle.
    • This topic was modified 2 years ago by umanoodle.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @umanoodle Do not use short links in these forums, that has been abused in the past and is expanded when found. I have expanded yours into the link field.

    That field cannot be seen by search engines and is only visible to users who are logged into the forums.

    Thread Starter umanoodle

    (@umanoodle)

    Thank you so much Jan, I did not know this, thanks for pointing me right. ??

    please use that code

    .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: fit-content;
    }

    If not work then alternative way is

    .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: fit-content !important;
    }
    Thread Starter umanoodle

    (@umanoodle)

    Thank you Muhammad, it made the content bigger, rather then the header gap smaller. x

    Please remove old one and use this one

    #main-header .container{
       max-width: 1140px;
    }

    OR this one if first one is not working

    #main-header .container{
       max-width: 1140px !important;
    }
    Thread Starter umanoodle

    (@umanoodle)

    Muhammad – YOU ARE WONDERFUL ??????

    Thank you SO much. x

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header gap in middle, bring edge inline with main content’ is closed to new replies.