-
AuthorPosts
-
December 24, 2021 at 1:25 pm #1333942
Hi,
I have information and Social share icons in the small bar above the navigation. Unfortunately, these disappear when displayed on the mobile phone in an upright position. They are shown in the landscape position, but above all it is important for me to be able to see them in the upright position.I tried a code from Mike in this thread.
It almost looks as if it would be the right solution, but unfortunately only almost. The icons are not shown completely. Can you give me an advise?
Best regards – and Of course a merry Christmas
GrobiDecember 24, 2021 at 1:35 pm #1333944This reply has been marked as private.December 24, 2021 at 8:08 pm #1333973Hi Grobi,
Thanks for contacting us!
It seems like you have following custom CSS code
@media only screen and (max-width: 479px) { .html_stretched #wrap_all { margin-top: -20px !important; }}
Please remove it and that should help :)
Merry Christmas and Happy New Year!
Best regards,
YigitJanuary 5, 2022 at 3:56 pm #1334387Hi Yigit,
thanks for answering on chrismas!!!I removed the code, but without an effect. The social share icons are still not dispalyed in the upright position of the smart phone.
Only in the “landscape”-position – sideways – you can see the icons.Can you help?
best regards
GrobiJanuary 5, 2022 at 6:42 pm #1334404Hi Grobi,
You are welcome! We hope you enjoyed your holidays :)
Could you please go to Enfold theme options > Performance and disable CSS file merging and compression, save theme options, refresh your page a few times and check if that helps? If it does not, please create temporary admin logins and post them here privately so we can look into it :)
Best regards,
YigitJanuary 22, 2022 at 2:15 pm #1336651Hi Yigit,
I followed your suggestions, but it does not work.
You find login details below.Thank you for helping me.
best regards
GrobiJanuary 22, 2022 at 11:29 pm #1336684Hi,
Thank you for the link to your site, I checked your Quick CSS and found the css that Yigit suggested removing still there so I removed for you.html_stretched #wrap_all {margin-top: -20px!important; }
now that the icons show correctly I note that your link and text below them has black color on a black background so I added this css to show:@media only screen and (max-width: 479px) { #top #header_meta a { color: #fff !important; } }
please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.