This topic contains 7 replies, has 3 voices, and was last updated by Support 7 months ago.
- AuthorPosts
- July 11, 2018 at 10:22 pm #173791
Hi guys,
Refer the screenshot from mobile of a new site I am setting up.
Displays fine on desktop however on mobile the alignment of the 3 ‘services’ in that sidebar are not aligned?
Kind regards, Miss Christine.July 12, 2018 at 5:13 am #173816Hi there
Hope you are having a good day and thank you for your question ๐ In order to check your question i need to see your live website, please provide url and i will take a look
July 12, 2018 at 11:54 am #173887Thanks Noda – it’s not live yet but if you can give me a window of time (in Australian Eastern Standard Time please), I can make it live for you for a period of time. Alternatively I can message you a user log in?
Kindest, Christine.
July 13, 2018 at 9:45 am #174072July 13, 2018 at 10:18 am #174081This reply has been marked as private.July 13, 2018 at 2:39 pm #174114Hello there,
You can use the following CSS code to have the items aligned properly by going to Appearance > Customize > Additional CSS and pasting it there.
#services .widget_illdy_service:nth-child(1), #services .widget_illdy_service:nth-child(2), #services .widget_illdy_service:nth-child(3) { display: block; }
Best Regards,
SupportJuly 14, 2018 at 8:26 am #174182Great, that’s fixed it on mobile, however now it is left aligned on the desktop view.
Please see attachment. The fix for the alignment needs to be for mobile only, isn’t there a way to code that in that CSS change we made?
Also just a question, if the theme gets an update, will I lose all of my additional css? SO should I save this as a text file or will it remember it in the theme customisations?
- This reply was modified 7 months ago by
misschristineau.
July 14, 2018 at 4:12 pm #174204Hi there,
Thanks for writing back.
In that case, please adjust the CSS code to this:@media only screen and (max-width:768px){
#services .widget_illdy_service:nth-child(1), #services .widget_illdy_service:nth-child(2), #services .widget_illdy_service:nth-child(3) {
display: block;
}
}You shouldn’t lose the CSS during an update. I would however recommend on carrying out a backup to it.
I hope this helps.
Best Regards,
Support. - This reply was modified 7 months ago by
- AuthorPosts
The topic ‘Front page – services sidebar alignment on mobile’ is closed to new replies.