[Solved] Some fields and buttons are missed on mobiles  

  RSS

bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
26/12/2019 10:13 pm  

Hello,

After I have installed wpDiscuz plugin I noticed, that some comment buttons and fields are missed on my mobile, whereas all of those are present on desktop view. I believe the screenshot below will give you a good and clear explanation. Is it something wrong or it just should look like that on mobiles?

Image 1 (1)

This topic was modified 4 weeks ago by Elvina

Quote
Elvina
(@elvina)
Reputable Member Moderator
Joined: 5 months ago
Posts: 425
27/12/2019 10:28 am  

Hi  @bert29,

Please leave the example URL to allow us to check it.

This post was modified 4 weeks ago 2 times by Elvina

ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
27/12/2019 1:12 pm  

@elvina Hi, here you go

 


ReplyQuote
Elvina
(@elvina)
Reputable Member Moderator
Joined: 5 months ago
Posts: 425
27/12/2019 1:39 pm  

Hi  @bert29,

Thank you for the URL.

just should look like that on mobiles?

yes, you are right. This is designed to work in this way, because of the mobile devices have small screens. In order to not get the problems with the design of the comment list, some elements are hidden on the mobile devices screens.

This post was modified 4 weeks ago by Elvina

ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
27/12/2019 1:41 pm  

@elvina

Ok, thank you!


ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
27/12/2019 1:59 pm  

@elvina

Elvina, still one more question about mobile version, if you don't mind. This comment (the last one in the tray) contains an embedded Youtube video, which is visible on desktops, but isn't visible on mobiles. Is it also something design related? Videos are not supported on mobile screens?

This post was modified 4 weeks ago by bert29

ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
27/12/2019 2:08 pm  

I mean this situation:

1
Image 1 (2)


ReplyQuote
Ольга
(@olga)
New Member
Joined: 4 weeks ago
Posts: 3
27/12/2019 3:57 pm  

Привет!  @bert29

Меня зовут Ольга! Я основатель неофициального форума поддержки плагина wpDiscuz.

Веду поддержку плагина для русскоязычных пользователей плагина. Вы можете регистрироваться и задавать вопросы на форуме: https://wpdiscuz.ru/community/

По поводу вашего вопроса. Я только что проверила ваш сайт и не вижу перекрепленное видео.

image

This post was modified 4 weeks ago by Ольга

ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
27/12/2019 10:38 pm  

@olga

Ольга, приветствую! Спасибо за отклик! Возможно, совпадение – я химичил с настройками, пытался сделать это видео видимым на мобильной версии, и вы как раз в этот момент проверяли. Сейчас всё по-прежнему: в десктопной версии видео есть, в мобильной – нет.

P.S. Если плагин будет снова капризничать – обязательно загляну на ваш форум)


ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 2 years ago
Posts: 3513
28/12/2019 1:23 pm  

@bert29,

Please see how it looks in my case.

CSS

Please let us know if you're logged in as admin on mobile devices when you're checking it. Probably the embedded video is showed only for the admins.

I see a small CSS conflict, it shows on the screenshot above. To solve the issue, please navigate to  Dashboard > Comments > Settings > Styling admin page, put the following CSS code in the "Custom CSS code" textarea. 

blockquote:before {
display: none;
}

ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 2 years ago
Posts: 3513
28/12/2019 1:24 pm  

@olga

Thank you very much for your help.


ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
29/12/2019 8:04 pm  

@astghik

Hi Astghik, thanks for your advice, it gave me a good hint about how to fix the issue. I decided to implement the following snippet:

#wpcomm blockquote:before {
margin: 0 0 0 -0.35em;
font-size: 3.5em;
}

and it works perfectly:

Also your question about if I am logged in as admin was quite reasonable: indeed I wasn't logged in on my mobile. Moreover if I log off on my desktop, that video disappears as well! But how can it depend on the fact whether I am logged in or off?

FYI I use the following code to embed the video:

<iframe width="560" height="315" src="https://www.youtube.com/embed/RbBpbwnmjJU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

ReplyQuote
bert29
(@bert29)
Active Member
Joined: 4 weeks ago
Posts: 8
14/01/2020 2:38 pm  

Any suggestions about the embedded video issue?


ReplyQuote
Share:
Green
Default
Pear
Black Emo
{green}:grinning:
{green}:wink:
{green}:face:
{green}:inlove:
{green}:sweaty:
{green}:surprised:
{green}:lovekiss:
{green}:laugh:
{green}:formalsmile:
{green}:displeased:
{green}:cool:
{green}:resent:
{green}:nerd:
{green}:screaming:
{green}:amazed:
{green}:sad:
{green}:deceitful:
{green}:starryeyes:
{green}:evil:
{green}:shocked:
{green}:tears:
{green}:sulky:
{green}:smile:
{green}:vomited:
{green}:hi:
{green}:afraid:
{green}:crazy:
{green}:rabid:
{green}:fighting:
{green}:nonoise:
{green}:blushed:
{green}:idontknow:
{green}:scared:
{green}:razz:
{green}:kiss:
{green}:eat:
{green}:shutmouth:
{green}:gape:
{green}:suspicious:
{green}:laughingoutloud:
{green}:bruise:
{green}:crying:
{green}:pray:
{green}:serious:
{green}:excitement:
:)
:d
:wink:
:mrgreen:
:neutral:
:twisted:
:arrow:
:shock:
:???:
:cool:
:evil:
:oops:
:razz:
:roll:
:cry:
:eek:
:lol:
:mad:
:sad:
:!:
:?:
:idea:
:hmm:
:beg:
:whew:
:chuckle:
:silly:
:envy:
:shutmouth:
{pear}:happy:
{pear}:smile:
{pear}:laugh:
{pear}:laughingoutloud:
{pear}:crying:
{pear}:exhausted:
{pear}:nerd:
{pear}:surprised:
{pear}:veryhungry:
{pear}:wink:
{blackemo}:laughtertotears:
{blackemo}:gift:
{blackemo}:love:
{blackemo}:inlove:
{blackemo}:shamefaced:
{blackemo}:heart:
{blackemo}:crazy:
{blackemo}:anguished:
{blackemo}:bruise:
{blackemo}:easymoney:
{blackemo}:exhausted:
{blackemo}:vampire:
{blackemo}:shutmouth:
{blackemo}:wink:
{blackemo}:carnival:
{blackemo}:flowers:
{blackemo}:hotdrink:
{blackemo}:party: