One page website

[Sendhil]

Hey everyone,

Some questions. First I wanna do a unique page website. I've read some things about it like I have to create a page and put it as the first page in the "customize" section. Problem, I don't have any option named "first page" in this section... Anyone knows what do I have to do?
Then in that only page, I wanna have a static menu on the left with my logo and only one or two links under. Can I do that?
I want a parrallax effect too, it's an image that appears in the front page and when you scroll down, it disappears through the top, letting the fixed menu I want appearing. Can I do that?
Last thing I promise, I would like to have a mouseover reaction on a text. I would like it to change in a different text, is that possible?

Sorry for so much questions, hope to have solutions here.

Thanks everyone in advance! And thanks Armin for this wonderful theme!

Great day!

[arminunruh]

Hey!

1. When you go to "Customize" its called "Front Page"
   
   If you do not see it, please let me take a look. I would need your wordpress login data. You can write it to armin.unruh@gmail.com. Please provide a link to this topic when writing me an email.

2. Yeah you can have a menu on the left and the logo at the top. You can set your logo and menu appearance in "customize" -> "menu style" and "customize" -> "site title"

3. You can use a parallax effect, meaning you can make the image move faster when you scroll down. Here is a little explanation: http://laytheme.com/documentation.html#simple-parallax
   Hmm there is no option to make your menu appear when scrolling down, but there is an option to make your menu disappear when scrolling down. In "Customize" -> "Menu Style" -> "Menu" check "is fixed" and then check "hide when scrolling down"

4. You could do that with custom html and custom css. You could add html in the gridder by using "+More" -> "+HTML". You could add:

<div class="text-wrap">
<div class="text-one">show me</div>
<div class="text-two">show me on mouseover<div>
</div>

Then you could add custom css in "lay options" -> "custom css":+1:

.text-wrap:hover .text-one{
display: none;
}
.text-wrap:hover .text-two{
display: block;
}
.text-two{
display: none;
}

For things like that its very useful to learn the basics of html and css. I provide some links here: http://laytheme.com/documentation.html#custom-css-styling

Great day for you too!

[Sendhil]

Hey Armin (you have the same name than a character in Attack On Titan, heavy!)

Thanks for all the answers. I don't know how but the "front page" options appeared 1 day or 2 after I posted! So I can customize my website as I want now.
I have other questions though. I have an intro image but it doesn't appear on smartphones and pads. Is that possible?
Yeah I know a thing or two about css and html coding. Enough to do what I want. The thing is that I want my mouseover effects on my tagline and on one link in my menu. Can I?

Many thanks for answering me and thanks for the huge work done here! Keep it up!

[arminunruh]

Hey the intro image is just available for desktop, but yeah, would make sense to have it for phone and tablets too. Going to work on that one day.

The tagline can be html markup in "customize" -> "site title" -> "site tagline" -> "tagline"
So for example you could put Hello<br>World into the tagline field or any other html that would help you to do your mouseover effect.

Hmm with the menu I'm not sure how to best do a text replacement here.
http://codepen.io/arminunruh/pen/wWzjVJ

Not sure if that helps. :/

[Sendhil]

Hey!

Yes it helped me a lot, thanks! I've finished my website now! Thank you so much for your quick answers!