FLATIRON temp: mobile menu and project title

Site URL: https://hassansaid.com/films

Hello there

so I use FLATIRON for my template. on my mobile I face a couple of issues

1- RED: the menu in itself gets cropped once I try to open it, but when I scroll its fine. its like blocked by the content .

2- YELLOW: how do I change the project title and the black/grey outline around it to a different style? like no background behind text or text hover. right now as is looks awful I feel. 

looking forward to your responses. 

thank you

I see fine here. Do you still need help on this?

On 10/8/2020 at 1:11 AM, tuanphan said:

I see fine here. Do you still need help on this?

actually no. I still have the problem with the project titles labeled and layed out like that. , and the menu still  crops in some pages

bump please help remove TEXT from gallery titles on mobile view

6 hours ago, anaelmasri said:

bump please help remove TEXT from gallery titles on mobile view

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.item .project-title {
    visibility: hidden;
}
}

10 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.item .project-title {
    visibility: hidden;
}
}

 

Thank you but this presents a new problem of just the black bar that was underneath the text as visible. 

id like for when people are on mobile, just like the desktop version the text to be displayed as people touch the project image - I have seen it on other website 

try replace visibility: hidden;

with

display: none;

On 12/2/2020 at 12:18 AM, tuanphan said:

try replace visibility: hidden;

with

display: none;

thank you, but isnt there a way to have the title display like the desktop version? and also for the menu to not look cut out when expanding the burger menu on mobile?