Make Phone sitetitle centered vertically on front page
-
Hello. I've tried for ages to make my sitetitle image centered both horizontal and vertically on just the frontpage and only on the Phone version. Normally, the sitetitle is top left centered.
So far, I've target the css as following and put it in the Custom CSS for Mobile
body.slug-index .mobile-title img { }
I can resize the title to fill out the screen, so it's horizontal centered, but no matter what I can't make it vertically centered. It will only be positioned on top of the screen, so somehow it might be keeping it's "top left" values.
Any suggestions, thanks!
-
I've also tried
body.slug-index .sitetitle { left: 50%!important; top: 50%!important; }
As changing these values directly in the browser inspect panel will correctly place the sitetitle img in the center of the browser. However, using these values in the custom css has no effect.
-
ure using the wrong selector
body.slug-index .mobile-title { left: 50%!important; top: 50%!important; transform: translate(-50%, -50%); }
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it