Why does my Testament theme look different on mobile vs laptop?

[SSalmon]

Just published the Testament theme and the movile view shoing up on my laptop is very different from the mobile view I get. I’m using Firefox on my Mac. Android phone browser is Chrome.

I’ve found some answers posted to others regarding some Theme>Edit Code> Assets> script to include. I did not see any that were for theme.js script for Testament…

This is the view my laptop says I should have:

This is the actual mobile view on my Android currently. I tried reducing the vertical and horizontal placement of the text, but it doesn’t change the mobile version, just changes the laptop “mobile” view.

Website is www.wildwoodherbal.org

Click ‘Enter’, the Viewing password is wiatso

Thanks!

[ZestardTech]

Hello There,

1. Go to Online Store->Theme->Edit code
2. assets/stylesheet.css->paste below code at the bottom of the file.

@media only screen and (max-width: 746px){
.image__overlay-caption {
text-align: center!important;
margin-left: auto!important;
margin-right: auto!important;
}
}

[SSalmon]

When I added that code into the end of the area specified, it only changed the theme preview mobile view to match the actual mobile view- which is still overlapping as before.