Top of Header Section

  • Resolved mothy5000

    (@mothy5000)


    2 years, 2 months ago

    In a previous topic I asked about adding a thin section above the main header and was given the following code: `

    @media only screen and (min-width: 1025px) {
  .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
    background-color: transparent;
    margin-top: 75px;
  }  
}

@media only screen and (min-width: 1029px) {
  .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
    margin-top: 55px;
  }  
}

    https://snipboard.io/2OzSkD.jpg

    This worked well, but it only shows up above the header on the home page. Is there somewhere else I can paste the code to show up on all pages?

    Thanks for your time!
    Tim

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mothy5000

    (@mothy5000)

    I figured this out. It was actually done in Elementor. Trying to use this theme in Elementor is extremely confusing to me.

    Thread Starter mothy5000

    (@mothy5000)

    I finally launched the site and can see the site on mobile. This new section is below the header on mobile and there is dead white space above the header where this should be. Can you advise how to switch the two? You can see this at carolinabackflow.com

    Thanks in advance!
    Tim

    Thread Starter mothy5000

    (@mothy5000)

    I just saw your reply about the dead white space in the closed thread. Does this have to be placed on all pages?

    @media only screen and (min-width: 1025px) {
  .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
    background-color: transparent;
    margin-top: 75px;
  }  
}

@media only screen and (min-width: 1029px) {
  .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
    margin-top: 55px;
  }  
}

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Top of Header Section’ is closed to new replies.