CSS not working on mobile

Ask for Help
1

Hi im trying to use CSS background using the below code, I see it looks fine on the PC, but its blank on my app.


.fdeRBK {
    grid-template-columns: repeat(1, 1fr);
    width: 200px;
    margin: auto;
}
[data-test=app-markdown-view] {
background-image: url("https://download.hipwallpaper.com/desktop/1366/768/8/66/i4Ek1A.jpg");
position: absolute;
height:1000px;
width: 100%;
}
2

Before I start, please don’t mark CSS posts as bugs, Glide does not officially support them so this “bug” is created by developers who want to change the “default” setup. The risk is on you when you try to insert CSS into the app.

I will remove the category for this post.

This part looks like it’s the class name for the component you’re trying to interact with, and the class name is only matching with the one on desktop. Its names on iOS and Android are probably different.

3

Thanks for the information about category.

Can you let me know, how can i find the class name for ios and android?

4

You can use inspect element to check directly in your editor, switching between Android and iOS to see what the class names are. Also please try with Safari.