Need logo to extend past the menu area to overlap the content below. - Support

Tagged: logo, transparent glassy header

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 16, 2022 at 8:02 pm #1344782

studiovene
Participant

I need the logo on the transparent glassy header of the homepage only to extend below the menu area. It starts right at the top of the page, overlapping the top bar which is what I want, but I also need it to end below the menu area overlapping the content below.
This is only for the homepage.
It seems as if the logo is limited to a fixed height of 150px.
I have tried adding a width and height for the logo on this page (.page-id-15), but it only changes the width, distorting the height.
:-)

March 17, 2022 at 1:01 pm #1344866

Ismael
Moderator

Hey studiovene,

Thank you for the inquiry.

The logo looks the same on both pages, although the header on the home page is transparent. Would you mind providing a screenshot of the issue? Please use imgur or dropbox for the screenshot.

Best regards,
Ismael

March 17, 2022 at 1:18 pm #1344869
Guenni007
Participant
if you got a height on 150px for the header height – and you like to have the logo on a height of 200px the percentual growth is at aprox. 133%

So try :
```
#top.page-id-15 .logo, 
#top.page-id-15 .logo a {
  overflow: visible;
}

#top.page-id-15 .logo img {
  height: 133%;
  max-height: 200px !important;
}
```
if your page-id-15 is the home page you can replace #top.page-id-15 with #top.home

The overflow will ensure that the logo is over the content.
This method will work even with shrinking header – see f.e.: here: https://pirol-hifi.de/
March 17, 2022 at 4:23 pm #1344945

studiovene
Participant

This reply has been marked as private.

March 17, 2022 at 4:39 pm #1344948

Yigit
Keymaster

Hi,

We are happy that @Guenni007 helped you out! Let us know if you have any other questions and enjoy the rest of your day :)

@Guenni007 Thanks as always :)

Best regards,
Yigit
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Need logo to extend past the menu area to overlap the content below.’ is closed to new replies.