How to I have the navbar adjust to be shorter on mobile? The height is interfering with hero image
0
www.firstcalluplinks.com enter image description here The nav bar and hero image are having resizing issues on mobile. The hero image and text overlay get cut off by the navbar. The height of the navbar is causing issue - Cannot get logo to resize the way I want to in accordance with the size of the screen. I used an AMP template and customized it. CSS: .cid-r3y3K9GszO amp-sidebar.open:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(217, 217, 217, 10);} .cid-r3y3K9GszO .open{transform: translateX(0%);display: block;} .cid-r3y3K9GszO .builder-sidebar{background-color: #d9d9d9;position: relative;min-height: 100vh;z-index: 1030;padding: 1rem 2rem;max-width: 20rem;} .cid-r3y3K9GszO .headerbar{display: flex;flex-direction: column;justify-content: cen