diff --git a/app/components/IClient/styles.css b/app/components/IClient/styles.css
index dab9c29..33d0997 100644
--- a/app/components/IClient/styles.css
+++ b/app/components/IClient/styles.css
@@ -3,3 +3,17 @@
background-color: #00d1b2;
color: #333;
}
+
+.withPadding {
+ padding-top: 30px;
+}
+
+.withoutPadding {
+ padding-top: 0px;
+}
+
+@media screen and (max-width: 768px) {
+ .body-primary {
+ padding-top: 30px;
+ }
+}
diff --git a/app/components/NavMenu/NavMenu.js b/app/components/NavMenu/NavMenu.js
index c05ba92..625df10 100644
--- a/app/components/NavMenu/NavMenu.js
+++ b/app/components/NavMenu/NavMenu.js
@@ -7,6 +7,8 @@ class NavMenu extends React.Component
constructor(props, context) {
super(props, context);
this.toggleNavStatus = this.toggleNavStatus.bind(this);
+ this.isMobile = this.isMobile.bind(this);
+ this.isNotMobile = this.isNotMobile.bind(this);
this.hide = this.hide.bind(this);
this.state = {
toggleNavStatus: ''
@@ -28,17 +30,38 @@ class NavMenu extends React.Component
this.setState({toggleNavStatus: isActive});
}
+ isMobile() {
+ if (window.screen.width < 768) {
+ return this.showOfflineInfo();
+ }
+ return '';
+ }
+
+ isNotMobile() {
+ if (window.screen.width > 768) {
+ return this.showOfflineInfo();
+ }
+ return '';
+ }
+
+ showOfflineInfo() {
+ return (
+
+
+
+ );
+ }
+
render() {
return (