Rockfield: Fix submenu items on small screens

rockfield/sass/_extra-child-theme.scss

@@ -135,6 +135,17 @@ a {
 					font-size: #{0.5 * map-deep-get($config-global, "font", "size", "base")};
 			}
 
+			.sub-menu .menu-item a {
+				&::before {
+					display: none;
+				}
+
+				&::after {
+					counter-increment: nested-list;
+					content: " –" counters(nested-list, " –", none);
+				}
+			}
+
 			@include media(mobile) {
 				> li {
 					&:not(:first-child):before {
@@ -163,15 +174,6 @@ a {
 						left: auto;
 						right: 0;
 						text-align: right;
-
-						.menu-item a::before {
-							display: none;
-						}
-
-						.menu-item a::after {
-							counter-increment: nested-list;
-							content: " –" counters(nested-list, " –", none);
-						}
 					}
 				}
 			}

rockfield/style-rtl.css

@@ -3514,6 +3514,15 @@ p:not(.site-title) a:hover {
 	font-size: 0.5rem;
 }
 
+#site-navigation > div > ul .sub-menu .menu-item a::before {
+	display: none;
+}
+
+#site-navigation > div > ul .sub-menu .menu-item a::after {
+	counter-increment: nested-list;
+	content: " –" counters(nested-list, " –", none);
+}
+
 @media only screen and (min-width: 560px) {
 	#site-navigation > div > ul > li:not(:first-child):before {
 		color: #99908A;
@@ -3538,13 +3547,6 @@ p:not(.site-title) a:hover {
 		left: 0;
 		text-align: left;
 	}
-	#site-navigation > div > ul > li > .sub-menu .menu-item a::before {
-		display: none;
-	}
-	#site-navigation > div > ul > li > .sub-menu .menu-item a::after {
-		counter-increment: nested-list;
-		content: " –" counters(nested-list, " –", none);
-	}
 }
 
 .main-navigation #toggle:focus + #toggle-menu,

rockfield/style.css

@@ -3519,6 +3519,15 @@ p:not(.site-title) a:hover {
 	font-size: 0.5rem;
 }
 
+#site-navigation > div > ul .sub-menu .menu-item a::before {
+	display: none;
+}
+
+#site-navigation > div > ul .sub-menu .menu-item a::after {
+	counter-increment: nested-list;
+	content: " –" counters(nested-list, " –", none);
+}
+
 @media only screen and (min-width: 560px) {
 	#site-navigation > div > ul > li:not(:first-child):before {
 		color: #99908A;
@@ -3543,13 +3552,6 @@ p:not(.site-title) a:hover {
 		right: 0;
 		text-align: right;
 	}
-	#site-navigation > div > ul > li > .sub-menu .menu-item a::before {
-		display: none;
-	}
-	#site-navigation > div > ul > li > .sub-menu .menu-item a::after {
-		counter-increment: nested-list;
-		content: " –" counters(nested-list, " –", none);
-	}
 }
 
 .main-navigation #toggle:focus + #toggle-menu,