AI Assistant
Notifications
Clear all

How to resize Gif on Mobile

2 Posts
2 Users
1 Reactions
3,080 Views
Posts: 1
Customer
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@yupei-song)
Member
Joined: 5 years ago
[#9176]
Screenshot 20211030 133337

Hi, as you can see in this screenshot, the right part of this gif isn't showing.

Is it possible to resize this gif to make it fit the mobile screen?


1 Reply
Astghik
Posts: 6645
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@astgh)
Illustrious Member
Joined: 8 years ago

Hi juststian,

Please try the following CSS code:

@media screen and (max-width: 600px){
   .wpdiscuz-tenor-embedded-gif-wrapper.wpdiscuz-tenor-full-gif {
        max-width: 98%;
        height: 100% !important;
    }
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.


Reply
Share:
Scroll to top