1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Shrink logo on scroll and line height problem

Discussion in 'Get Help On Divi Wordpress' started by Terryoi, Feb 11, 2020.

  1. Terryoi

    Terryoi New Member


    The site i'm working on is: https://skopelos.gr/home2/ and i have 2 issues:

    1. I created the header menu layout using Divi's theme builder and made it fixed/sticky using the position option - is it possible to shrink the logo only when scrolling down on desktop so it fits inside the section (within the blue background) and doesn't extend outside of it?

    2. Also on smaller desktop screens the menu items extend to a 2nd line/row - is it possible to make the menu line height smaller so there's less space between the rows (always, not just on scroll)?
    I tried setting it through Divi's design options (tried 0.1em instead of the default 1em) but it didn't change as much as i'd like and also some submenu items went on top of each other. Any suggestions?
    1. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can't achieve that with any existing option or custom CSS.

    It will require custom jQuery coding.
    Try the below CSS in Divi > Theme Options > Custom CSS:
    @media screen and (max-width: 1430px) {
        header nav>ul>li>a {
            padding-top: 16px!important;
            padding-bottom: 16px!Important;
    Terryoi likes this.
  3. Terryoi

    Terryoi New Member

    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/