Archived topic
Header on mobile
16 replies · Started by Nicki Watson on September 29, 2016
thanks but that doesnt seem to alter them? . Sorry complete novice.
A few things I don't know to resolve
The site looks ok on PC but on mobile the social icons don't line up correctly, are too big, the order is mixed up with icons/header text and then my logo underneath,
the email address in my header is cutting off on the right side when viewed on mobile- I increased the element spacing in the header which has centred the social icons on mobile currently right 70 left 50.
http://www.cotswoldcolleague.co.uk
thanks for your help
Hi Nicki,
I'm not seeing the CSS I provide in the previous post being added?
You can align the icons to center on mobile with this:
@media (max-width: 768px) {
ul.lsi-social-icons.icon-set-lsi_widget-6 {
text-align: center !important;
}
}
E-mail looks fine to me on mobile? https://s23.postimg.org/ya5u8ajjf/IMG_5066.png