Hello
For some reason when viewing the page on mobile devices (responsive) or in small window on desktop the social media icons center and are located "in the middle" of the screen.. is it possible to place them next to cart, menu etc (see screenshots)
Thanks, Pascal
Comments
Link please - as always.
Also what type of header do you use? Which variant?
With kind regards.
Link is flyart.com as you can see in the screenshot
I use logo centered menu below but it doesn't matter what setting I choose.. desktop regualr appearance is fine.. but mobile or very narrow browser window places it down with any header variant
I will think if I have any idea for setting that could give better layout in your case, when you have one icon and very narrow logo.
Give me few days(and I don't mean weekend counts ;-) )
With kind regards.
I you have an idea that would be great of course.. if not I'll just hide social icons in responsive mode
Thanks, Pascal
Thanks
Anyway, for your current header try this custom css: I know it is not perfect but it can get you very close.
With kind regards.
I just came back and tried your solution.. works fine for me! thank you very much!!
Pascal
thanks, pascal
@media only screen and (max-width: 600px) {
to higher value then600px
, for example to1024
.With kind regards.
It's been a while but unfortunately after the last update to 1.5.2 the neat little css code snippet you prgrammed for me to place the Facebook icon right with mobile devices doesn't do its job anymore (see screenshot).. any help possible?
Thanks, Pascal
From what I see code I gave you works fine still, cause in that code social icon supposed to be on the left, form other icons/tools. However if you want to change that, remove rule
order: 2;
With kind regards.
Thank you.. but I must have not formulated my question well Social icon shoudl still remain left but when screen ist 600px wide or less the header tools and social icon get "messy" instead of staying in one line and there is enoguh room. see screenshot... I hope that makes more sense now?¨
Thanks
You have experienced changes, cause we implemented solution that I prepared for you into code, however without reverting social icons order.
With kind regards.