Navbar bug fixed on small devices and Material Parallax Image is fixed

Author: aklabox

src/main/java/gwt/material/design/client/ui/MaterialNavBar.java

@@ -46,7 +46,6 @@ interface MaterialNavBarUiBinder extends UiBinder<Widget, MaterialNavBar> {
 	@UiField
 	CustomAnchor anchor, navMenu;
 
-	private String name = "sample";
 	private String color = "";
 	private String type = "";
 	private String align = "";
@@ -70,7 +69,11 @@ public MaterialNavBar() {
 	@Override
 	protected void onAttach() {
 		super.onAttach();
+		String name = String.valueOf(hashCode());
+		navMenu.getElement().setAttribute("data-activates", name);
+		mobileNav.getElement().setId(name);
 		initNavBar();
+		
 	}
 
 	@UiChild(tagname = "nav")
@@ -194,16 +197,6 @@ public void setWave(String wave) {
 		}
 	}
 
-	public String getName() {
-		return name;
-	}
-
-	public void setName(String name) {
-		this.name = name;
-		navMenu.getElement().setAttribute("data-activates", name);
-		mobileNav.getElement().setId(name);
-	}
-
 	public String getSideBar() {
 		return sideBar;
 	}

src/main/resources/gwt/material/design/client/ui/MaterialParallax.ui.xml

@@ -22,12 +22,14 @@
 	xmlns:g="urn:import:com.google.gwt.user.client.ui"
 	xmlns:m="urn:import:gwt.material.design.client.ui">
 	<ui:style>
-	
+		.imgParallax{
+			left: 50%;
+		}
 	</ui:style>
 	<m:MaterialPanel>
 		<m:MaterialPanel ui:field="imageContainer" addStyleNames="parallax-container">
 			<m:MaterialPanel addStyleNames="parallax">
-				<g:Image ui:field="image" />
+				<g:Image ui:field="image" addStyleNames="{style.imgParallax}"/>
 			</m:MaterialPanel>
 		</m:MaterialPanel>
 		<m:MaterialPanel addStyleNames="section white">