Header not aligned, Header not transparent on mobile

[tracytracy]

Homepage set up with the “naked” style using the Knowledgebase custom CSS

However the logo is positioned ~really~ low on the page, it needs to be at the top

I’ve tried using different headers to see if that makes a difference – and while it does move the homepage logo it does not position it in the same location as it would be if it was in the header. I also tried making the logo smaller.

1) I need the header logo & nav menu on the homepage to be in the same position as the header logo & nav menu on all the subpages – how do I do this? On the subpages using Header #3 the logo is positioned how I would like it to appear on the Homepage.

2) White header on mobile – vs transparency. I have seen other people trying to get the transparent header on the mobile and having issues… but then resolving them without posting the solution! How do I make the header on the mobile the same transparency that I have set up for the website? (ie: not solid white)

thanks much

[tracytracy]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot for fast response .

Thanks 🙂
With Best Regards
Swift Ideas

[tracytracy]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

1) Please remove the top:40px; property here:

.page-id-11894 .header-wrap {
  left: 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 7;
}

2) Looks like it is transparent on mobile?

– Kyle

[tracytracy]

1) That’s much better, but still not exactly lined up (height alignment correct but homepage logo left of the subpages logo). but I’m giving up on this, project got shelved, I”ll figure out a different design.

2) on the iphone the headers are white. This I WOULD still like to get a solution to this because I might need it for future projects.

thanks

[Kyle – SUPPORT]

Try this:

@media only screen and (max-width: 480px) { 
#main-container {
  margin-top: -90px;
}
}

– Kyle