Lay Theme Forum

Dear Dexter @dexter

In the Customize section you have the option to 'center' however if this is not a solution for you there is:

margin: auto - left and right
https://www.w3schools.com/css/css_margin.asp

or using Calc: to keep things centre
https://www.w3schools.com/cssref/func_calc.asp

or if applicable align-items, but this requires 'flex'
https://www.w3schools.com/cssref/css3_pr_align-items.asp

There are a few ways - if you could post a link to your website with the menu in question and then we can see what suits! :)

Best wishes
Richard

Dear Stefan @dexter

In terms of Effort its hard to tell, but i dont think too much effort :)

If you are able to get the three elements on the page ( Logo, Menu's, Social Links ) Then with Custom CSS added within "Lay Options - Custom CSS & HTML" you could target them.

You can already get through the customizer provided an Image chosen for your site-title and you can have the menu - Placing the Button or Links can be done by having the Icon and then linking it :e.g Twitter.

Let me know your thoughts Stefan :) and best wishes for 2021!

Cool! Great to hear!

Hi Dexter,

it is not really possible to split the navigation.
At least not to have everything fully automatic when you add a new page to the menu.

You can address each navigation point by the ID and then move them around with position fixed or absolute.

This is a little bit of a dirty trick and you might need to adjust it on the mobile version etc.

I hope I could help!

Best!

Marius

Dear @fabiandraxl

There are two different logo's. Every two 'scrolls' or 'slides' the class "white" is added to the site title changing the "background" url.

(standard = black logo)

a.sitetitle { display: block; width: 50px; height: 34px; background: url(/wp-content/uploads/2019/01/ST_Logo_test-03-03.svg) no-repeat center center / contain; }

(white 'class added' = white logo)

.sitetitle.white { background: url(/wp-content/uploads/2019/02/ST_Logo_test-03-03_WHITE.svg) no-repeat center center / contain; }

Also this link will help with use of the Developer tools where you can inspect a page:

https://laytheme.com/documentation.html#custom-css-styling

Hope this helps & best wishes 🌝 Richard