Nima

Ah ok. I also tried different things, but none of them worked how I wanted to, so I will stick with the regular grid. Thank you anyway for your help.

So that means the images have to be different sizes to look like masonry? Is there a way to achieve that through CSS?

Hey, Sorry for my delay in answering, but I didn't get any notification that someone replied to my post. The page I have the issue on is my synesthetic self.

So, I did it. Here is my Page and the password is: 2224 https://www.madebynima.com

Hi, I added a gallery section in masonry style to my site, but this doesn't look like a masonry. Is it because of the format of my images, or what is the issue here? If the format is the issue, is there a way to have a masonry gallery? Ps. my page is not public yet, so I can not send you any link. Thanks

I tried it out, but it didn't work how I liked it to. I know it is because of the bold text, but I thought I could help by widening the margins or something like that, but that didn't work either.

Hi, I managed to place everything I needed in my navigation and also set all the hovering effects. My issue is now whenever I hover over the items, it seems that they are moving slightly. Is there something I can do about that? And since my site has not been published yet, I don't have any links to share. But here is a screen recording of my site. Hope that will help to understand what I mean. By the way, here are all the codes I used for that: //––– Nav-Menu body:not(.header--menu-open) .header-nav-item--active>a { background-image: none !important; } .header-nav-item--active a{ font-weight:400 !important; } .header-nav a:hover{ font-weight:400 !important; } //––– Social Media //–––––––––––––––––––––––––––// .header-actions-action--social { // position:fixed; //right:3vw; //top:1.75vw; scale:90%; } .header-actions--right .header-actions-action--social .icon:not(:first-child) { margin-left: 2.5vw; margin-right: 2vw; } //––– CTA - Button .header-actions .btn { //top:1vw; // height:2vw; // margin:1vw 0 1vw 1vw!important; // border: solid red 1px!important; } .header-actions .btn:hover { background-color: white; color:#111111; font-weight:bold !important; box-shadow: inset 0 0 0 2px #111111; } Screenshot 2023-12-08 um 11.46.13 AM.mp4

Hey, Sorry for my late reply, but I was not notified that there was a new message here. But after some googling, I found the solution to my issue. But thank you anyway.

Hi, Can anyone help me with my navigation links? I have these links and don't know why there is a line through the active link. Does someone know how to remove those and create a hover effect where the links become bold and stay bold when you are on the links? P.S. My site is not published yet, so I can not share a link. Thanks