Forum Replies Created
-
Posts
-
To make thinks clear: I mean the second header where you can read the text “Private: Shop” and “Du bist hier: Startseite / Private: Shop”.
Hi Kriesi-Team,
I am wondering, because i exactly have a similar issue with autoscaling on mobile view. To have a transparent logo on my website i used .PNG-format for my header logo. And now when i am viewing the website on my smartphone sometimes the logo is being stretched and sometimes not.
You can view the website here.
Logo-URL: Click here.
Logo Dimension: 340px * 156pxIs there any way to avoid a stretched header logo on mobile sites? Perhaps using a customized CSS code?
Hope it was ok to put my two cents into this thread.
Thanks
FrankThanks, Yigit.
I have done a small modification in your code, because it should only affect on mobile view.
@media only screen and (max-width: 768px) { .widget .social_bookmarks { max-width: 135px; margin: auto!important; float: none!important; }}It’s working fine on my site now. Please feel free to close this topic.
However,
I still having a similar problem with a social media widget on mobile devices (see screenshot). The icons below the headline of the widget are not centralized.
fyi, widget-code:
<ul class="noLightbox social_bookmarks icon_count_3"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="XXX" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li> <li class="social_bookmarks_instagram av-social-link-instagram social_icon_2"><a target="_blank" href="XXX" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram"><span class="avia_hidden_link_text">Instagram</span></a></li><li class="social_bookmarks_twitter av-social-link-twitter social_icon_3"><a target="_blank" href="XXX" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li></ul>Would you be able to give me also a kick-off for this issue?
Thanks,
FrankHi Guys,
I’ve fixed the issue by doing a small modification of your code sample:@media only screen and (max-width: 480px) { p, h3 { padding: 0 !important; text-align: center !important;}}Hi Yigit,
Thank you for your response. Unfortunately your css code doesn’t gave me the solution i am looking for. Your code has centered the text within the <p>-tag in one of my text elements (yellow-marked), but not all the elements including the two icons.I would need preferably a css code who did remove intends i have done but only on mobile devices.
Best regards,
FrankHi John,
please find URL and access details in private content section.
I want to make sure the text and icons which are on the left beside the shoe will be in the center when viewing this site on a mobile device. Currently it doesn’t work because i have indent text / icons a little bit.
Thanks,
FrankHi Mike,
Thanks for your response. I’ve done the steps you explained and created a individual text / html widget. For some reason the Facebook and Instagram Icon appears but not the Twitter Icon. I’ve changed the order of your html code because i want to see the Facebook Icon at first position, insta on second and twitter on third. However, I’ve added the html code i used to the private content field in this thread and it would be glad to get your help once again.
Thanks,
FrankHi Mike,
Many thanks for your quick answer. Can you give me a short introduction how to add this code in a individual widget? Furthermore I would need a code for 3 different Icons in following order: Facebook, Instagram and Twitter.
Thanks again for your help!
Best regards,
FrankHi Andy,
Thank you very much. After a while i’ve checked the search results for my WordPress-Site and your solution seems to be work.
Many thanks!
