Oops seems to be a bug.
Please use this css until I fix the bug:
"Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for Mobile Version":
.mobile-title{
display: none!important;
}
ok, well you can debug this by using the inspector and resizing your browser so it has the phone size.
Please take a look at this https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools
Yes, you can hide the footer in "Lay Options" -> "Custom CSS & HTML" -> "Custom css for mobile version".
Please enter:
#footer-region #grid{
display: none;
}
One thing, if you want to hide your whole footer for the phone version you can also do in "Custom CSS for Mobile Version":
#footer-region{
display: none;
}
Ok until I have fixed this please use this css for the "Custom CSS for Mobile Version" field:
#main-region{
padding-bottom: 30px;
}
hey alexandrap!
It is not exactly what you are looking for, but take a look at this:
https://wordpress.org/plugins/password-protected/
It's a plugin that password protects your whole website.
non breaking spaces.
Hmm so you mean you want to have more space between the two words that make up your site title? If yes, please try this as your site title in "Customize" -> "Site title" -> "Site title"
austin redman
one is a non breaking space
for fixed items please take a look at this answer:
http://laythemeforum.com/topic/535/fixed-element/4
You can either add elements in the gridder and make them fixed through css.
Or if you want to have fixed elements on all of your pages you could add custom html in "lay options" -> "custom html & css" (might be harder if you don't know much about html).
It looks like you got rows with empty texts inside. Please try this: set the rowgutter to something like 200px in the gridder so you can see where rows are. Then see if you can find empty rows and delete them.
When you go to lay options -> custom HTML and CSS -> HTML at top
you can enter the markup for your image. Now you would need to use CSS animations.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
Please take a look around the web to learn how they work.
^^
with jquery you can animate scroll like this. This needs a class of "clickme" on your element:
<script>
jQuery(document).on("click", ".clickme", function(){
jQuery("html, body").animate({ scrollTop: window.innerHeight }, 600);
})
</script>
Hey wardh!
Horizontal lines:
I need to add an option one day to add horizontal lines :D
Edit: now there are horizontal lines with "+more" -> "+horizontal line" in the gridder.
Right now you could also add a class to a row by right clicking on an empty spot of the row. If you give it a class of "row-line",
you could use some css like:
.row-line{
border-top: 1px solid black;
}
Background of one Column:
Add a class to your row like "custom-column-background"
Then use some css like this:
.custom-column-background .col:nth-child(2){
background-color: blue;
}
The nth-child(2) selects the second column in this example.
Align image in middle of column:
Please select the column content and click the "align middle" button in the gridder.
[image: Screen Shot 2016-09-20 at 09.05.11.png]
I did manage to solve this issue to some extent, though there was a small issue with the transition when closening the burger.
Having the menu integrated with the rest of the content, just seems to give the layout an overall better impression over various tablet-sizes.
But a custom cursor needs to be an image afaik.
The only addon that doesn't support custom cursors at the moment is the lightbox addon.
Please see this topic for how to change the lightbox cursors:
http://laythemeforum.com/topic/499/customize-lightbox-plugin-arrows/3
