I removed that code but now it looks worse. The text are overlapping each other.

https://dev.theavantnyc.com/lifestyle/

Thanks

One last question. Can I change the overlay color to transparent white instead of transparent black?

That works but why is there extra white space on the top of the first one?

Thanks

Thanks. Is that hover functionality possible as well with masonry?

that works but it came out vertical, how do I spread it out horizontal

Thanks

great.
thanks

unfortunately, that did not work

nothing changed

I figured out the following CSS was causing the issue (I have removed it for now)

@media only screen and (min-width: 768px) {
.av-logo-container {
position: absolute;
top: -40px;
left: 38%;
transform: translateX(-38%);
}
}

@media only screen and (min-width: 768px) {
#header {
padding-top: 25px;
padding-bottom: 10px;
background-color: rgba(0,0,0,0.4)!important;
}
}

It was given to me by support to center the logo with the menu items. If you look on the desktop version now the logo is not centered with the menu items now since I just removed the code.

can you provide the correct css for this now?

Thanks

did you click on the hamburger icon?

nothing shows up

there is no code

I just added padding in the cell

see screenshot
https://ibb.co/bLWJvhf

Thanks. This works on desktop but not on mobile.

That worked perfect.

Thanks!!!

Please close.

Thanks again

Works great

Thanks

Works. Amazing help. You save me a ton here

Much appreciated. Hope you are staying safe!