Solved 3 header-issues with standard Divi-header

Hello everyone,

In the last few weeks I had my first experiences with Divi, after being more familiar with another page builder and some CSS. I helped with two websites with Divi, but there are a couple of issues with the header, after fixing some other issues with the same header. All suggestions are welcome and appreciated!!

Kind regards,

Peter

Issues:

1. On every page load (Safari and Firefox), the logo (rectangular) briefly snaps as an overlay on the body (estimated width 100%, height approx. 40px), and after that becomes visible in the header.
2. The search-icon drops to midway body/header (see image). On one website, I was able to fix this with "bottom: 60px, right 24px". On the other website it keeps jumping around the same area, depending on menu-width.
3. On the website with the small header-menu (only 3 li-items), they sometimes stack vertically. (Fixed with min-width of 250px, but not preferable).

Does anyone know why these issues arise?

--------------------

Fixed issues:

• Logo (rectangular) overflow beneath menu-items. Fixed width max-width 124px.
• One site: search-icon dropping

 

Hello,

Thank you for your reply. I solved it with some further CSS-adjustments.