diff --git a/README.md b/README.md
index 14fb1ca2..912f46f5 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,28 @@ class MyComponent extends Component {
```
+## Customization
+
+## Modifying the picker's height and width
+By default the picker is 240px wide and ~315px tall (depending on the position of the categories panel). To change the width and height of the picker, simply:
+
+```js
+
+ // width will default to 240
+ // height will default to 240
+```
+A word on height: The height you determine by the height property, is of the emoji-list only, the search and categories panel are added to the height you specify.
+
+![alt tag](https://raw.githubusercontent.com/ealush/emoji-picker/gh-pages/screenshots/5.png)
+
+## Moving the categories panel around
+
+```js
+ // default. no need to pass nav="top"
+
+
+```
+
## Getting the clicked-on emoji
In order to use the picker in your application, you need a way to grab the name and code of the clicked-on emoji. To do this, you just need to pass the `onEmojiClick` prop. It should be a callback function to your application, and it should get two arguments: the emoji code, and the rest of the emoji data.
@@ -109,14 +131,6 @@ Long clicking on diversity (skin-tone) enabled Emojies (mostly the hand Emojis),
![alt tag](https://raw.githubusercontent.com/ealush/emoji-picker/gh-pages/screenshots/4.png)
-## Customization
-At the moment, not many customizations are supported (they are coming). You may choose, though, to have the navigation in different locations. You may choose any of the following three:
-```js
- // default. no need to pass nav="top"
-
-
-```
-
# Attributions
You can use this **picker**, free of charge, no attribution is needed. The emojis have their own license.
diff --git a/docs/iframe.html b/docs/iframe.html
index 62598dd4..552be102 100644
--- a/docs/iframe.html
+++ b/docs/iframe.html
@@ -16,7 +16,7 @@
-
+