diff --git a/templates/protostar/css/template.css b/templates/protostar/css/template.css
index e7b1b8bf4ec66..c35854a37aa30 100644
--- a/templates/protostar/css/template.css
+++ b/templates/protostar/css/template.css
@@ -160,6 +160,18 @@ textarea {
 		page-break-after: avoid;
 	}
 }
+.rtl .navigation .nav-child {
+	left: auto;
+	right: 0;
+}
+.rtl .navigation .nav > li > .nav-child:before {
+	left: auto;
+	right: 12px;
+}
+.rtl .navigation .nav > li > .nav-child:after {
+	left: auto;
+	right: 13px;
+}
 .clearfix {
 	*zoom: 1;
 }
diff --git a/templates/protostar/index.php b/templates/protostar/index.php
index cdbc58c019069..6de3447b651dd 100644
--- a/templates/protostar/index.php
+++ b/templates/protostar/index.php
@@ -127,6 +127,7 @@
 	. ($task ? ' task-' . $task : ' no-task')
 	. ($itemid ? ' itemid-' . $itemid : '')
 	. ($params->get('fluidContainer') ? ' fluid' : '');
+	echo ($this->direction == 'rtl' ? ' rtl' : '');
 ?>">
 
 	<!-- Body -->
diff --git a/templates/protostar/less/template.less b/templates/protostar/less/template.less
index 56fcf25c953b5..4ed6eb81157da 100644
--- a/templates/protostar/less/template.less
+++ b/templates/protostar/less/template.less
@@ -3,6 +3,7 @@
 
 // Core variables and mixins
 @import "variables.less"; // Custom for this template
+@import "template_rtl.less"; // Specific for rtl
 @import "../../../media/jui/less/mixins.less";
 
 // Grid system and page structure
diff --git a/templates/protostar/less/template_rtl.less b/templates/protostar/less/template_rtl.less
new file mode 100644
index 0000000000000..5f85b10505063
--- /dev/null
+++ b/templates/protostar/less/template_rtl.less
@@ -0,0 +1,15 @@
+// Specific RTL. rtl class is added to body tag
+
+// Fix for sub menu alignment
+.rtl .navigation .nav-child {
+	left: auto;
+	right:0;
+}
+.rtl .navigation .nav > li > .nav-child:before {
+	left: auto;
+	right:12px;
+}
+.rtl .navigation .nav > li > .nav-child:after {
+	left: auto;
+	right:13px;
+}
\ No newline at end of file