"Back" button cut off by white bar on mobile view....

Site URL: https://www.empoweringher.org/for-the-girls

Hi!  Can anyone help fix the problem where the back button is cut off by a white bar on the mobile view (see screenshot).
https://www.empoweringher.org/for-the-girls

Thank you!!

Celeste

Try adding to Design > Custom CSS

.Mobile-overlay-folder.is-active-folder {
    padding-top: 60px;
}

On 6/24/2022 at 12:13 PM, tuanphan said:

Try adding to Design > Custom CSS

.Mobile-overlay-folder.is-active-folder {
    padding-top: 60px;
}

 

Thank you!  So I tried that and it just made the white bar 60px (but still overlapped the 'back').  See pic...

@tuanphan - any ideas?

Looks like you solved it?

3 hours ago, MaryPhilip_ said:

Looks like you solved it?

 

Not yet (see screenshot I just took from my phone...) 

6 hours ago, MaryPhilip_ said:

Looks like you solved it?

2 hours ago, Celeste_Woodside said:

Not yet (see screenshot I just took from my phone...)

This appears to be one of those issues where a mobile emulator doesn't show the issue but real hardware does.

I do not have a solution at this time.

11 hours ago, creedon said:

 

This appears to be one of those issues where a mobile emulator doesn't show the issue but real hardware does.

I do not have a solution at this time.

It’s such a pickle when that happens. 
 

@Celeste_Woodside - out of interest, what phone and browser are you using? 

I used to see this on a site of my friend. Don't remember How I solved this.

Try change padding-top to margin-top

7 hours ago, MaryPhilip_ said:

It’s such a pickle when that happens. 
 

@Celeste_Woodside - out of interest, what phone and browser are you using? 

iPhone / chrome

Changing padding to margin had the same effect (increased the white space that covers the back button).  No idea how to fix!!  Grrr....

Try this new code

button.Mobile-overlay-folder-item.Mobile-overlay-folder-item--toggle {
    margin-top: 40px;
}

4 hours ago, tuanphan said:

Try this new code

button.Mobile-overlay-folder-item.Mobile-overlay-folder-item--toggle {
    margin-top: 40px;
}

 

@tuanphan - Still no.... 

If only someone had the Browserstack tool, it would be easier to deal with this problem. I used it to inspect code and help a friend.

Try this new code

.Mobile-overlay-folder {
    margin-top: 80px !important;
}