sachelis

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Themes and Templates
    In reply to: [Astra] Adding a 50px tall logo to a 60px tall header changes the header’s height
    Thread Starter sachelis

    (@sachelis)

    1 year, 1 month ago

    In case anyone stumbles onto this talking-to-myself thread, I found a better solution. I added the following using the Additional CSS command in WP.

    The following prevents the height of the menu bar to changing to a hardcode 100px tall when on a mobile device. In my case, I wanted it hardcoded to 60px.

    @media (max-width: 921px) {
    .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
    min-height: 60px!important; /* Changed 100 to 60 */
    }
    }

    I added the following so the site icon doesn’t have any top/bottom padding.

    .ast-site-identity {
    padding: 0!important;
    }

    • This reply was modified 1 year, 1 month ago by sachelis.
    Forum: Themes and Templates
    In reply to: [Astra] Adding a 50px tall logo to a 60px tall header changes the header’s height
    Thread Starter sachelis

    (@sachelis)

    1 year, 1 month ago

    SOLUTION:

    I discovered that “site-branding ast-site-identity” classes (I don’t remember which) has top and bottom padding of 20px. Those classes get added if you insert the logo into the header using the “Site Title & Logo” option. I removed that item from the header, clicked on the “+”, added a “HTML 1” element, and in the editor for the HTML 1 element, choose Add Media and selected the logo png. That removed the above classes which removed the padding. Whew!

Viewing 2 replies - 1 through 2 (of 2 total)