AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] [Bug report] Mobile view is broken

10 Posts
3 Users
2 Reactions
1,332 Views
Posts: 27
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
(@youzer2020)
Eminent Member
Joined: 7 years ago
[#12655]

When the avatar is missing or lazy load, the username and profile is going up : https://imgur.com/a/PcSWgG8

It was occurred on the desktop view either a few weeks ago, but it seems fine here. Did you fix it?

Please fix the layout. Thanks.


9 Replies
Sofy
Posts: 5774
 Sofy
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
(@sofy)
Support Team
Joined: 8 years ago

There is not such an issue (see screenshot below). 

Just open incognito ode and check it. Probably it's just a cache issue. 

 mobile view

Posts: 27
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
(@youzer2020)
Eminent Member
Joined: 7 years ago

After a user is deleted and avatar is missing, the username field is going up due to missing an avatar in mobile view.


7 Replies
Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
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

@youzer2020,

We did a lot of test. There is no such issue. This maybe only when the page is not fully loaded and some CSS code are still on the way. This is a preloading situation.

 


(@youzer2020)
Joined: 7 years ago

Eminent Member
Posts: 27
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

@robert Thank you for your reply.

It happens in case that avatar is missing

If admin delete user from database or turn off using avatar,

mobile view is broken because of 

@media screen and (-webkit-min-device-pixel-ratio: 0)
@media screen and (max-width: 800px)
autoptimize079df.css:9
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-content-head {

margin-top: -180px; }

Thank you.

 


Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
Robert
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

@youzer2020,

That issue comes from autoptimize plugin, if you use autoptimize somehow it delays the css or affect it and you see that problem. wpForo itself doesn't have such issue.

 


Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
Robert
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

I suggest you use this CSS code. We may add it in the core as well:

@media screen and (max-width: 800px){
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .wpf-author-avatar {
    height: 60px;
}
}

(@youzer2020)
Joined: 7 years ago

Eminent Member
Posts: 27
Robert
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

@robert Your site is using autoptimzie plugin, that's not mine. If an avatar is missing for somehow(ex. Deleted user), the wpf-content-head-top is going up due to margin-top: -180px;

 ---------------------------------------------------------------------------------------------------

Thanks for your supports and code, I appreciate it!


Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
Robert
Robert
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

Ok @youzer2020,

We fixed this issue. Here are the changes we did in wp-content/plugins/wpforo/wpf-themes/classic/style.css file:

 


Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
Robert
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

This was changed. So I don't recommend add any custom CSS related to this issue. Just remove all custom CSS's related to this problem and wait for the update. We're currently preparing the new version, it comes very soon.


Share: