Site Title position

Kristina

Hi Armin, thanks for your always great response on Lay Theme issues! Is there a way to indicate different positions of the site title on different pages? For example, I want the logo to be top centered on the home page but top right on all other pages. Thanks a lot!

arminunruh

Hey Kristina!
As described here http://laytheme.com/documentation.html#menu-color-based-on-current-page you can style things based on the current page. You need to read the first few paragraphs to find out the right CSS selector for your frontpage. The css selector looks something like this: body[data-type="page"][data-id="20"] .sitetitle{

First, you need to set the logo position to "top right" in "customize". Now, we use CSS only for the frontpage to have the logo centered there. Enter this css into "Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for desktop version"

body[data-type="page"][data-id="20"] .sitetitle{
position: fixed;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
right: auto;
}

So here our CSS selector is "body[data-type="page"][data-id="20"] .sitetitle{" but for you it is probably a different data-type and data-id. You need to change the data-type and data-id so the css targets your frontpage.

Kristina

Thank so much! That worked!