Title: WoradaS's Replies | WordPress.org

---

# WoradaS

  [  ](https://wordpress.org/support/users/activelink/)

 *   [Profile](https://wordpress.org/support/users/activelink/)
 *   [Topics Started](https://wordpress.org/support/users/activelink/topics/)
 *   [Replies Created](https://wordpress.org/support/users/activelink/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/activelink/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/activelink/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/activelink/engagements/)
 *   [Favorites](https://wordpress.org/support/users/activelink/favorites/)

 Search replies:

## Forum Replies Created

Viewing 1 replies (of 1 total)

 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Twenty Twenty] TwentyTwenty sub-menu child to right](https://wordpress.org/support/topic/twentytwenty-sub-menu-child-to-right/)
 *  [WoradaS](https://wordpress.org/support/users/activelink/)
 * (@activelink)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/twentytwenty-sub-menu-child-to-right/#post-13930648)
 * Hi [@hawkeye86](https://wordpress.org/support/users/hawkeye86/) ,
 * I presume you questions relate to Desktop only.
    This could be achieved by update/[
   theme]/styles.css
 * Step:
    1. Backup current /[theme]/styles.css 2. Update “Primary Menu” css as 
   sample below
 *     ```
       /* Primary Menu ---------------------------- */
       .primary-menu > li.menu-item-has-children > a {
       	/*padding-right: 2rem;*/
       }
   
       .primary-menu > li > .icon {
       	/*right: -0.5rem;*/
       	top: calc(50% - 0.4rem);
       }
   
       /* SUB MENU */
       .primary-menu ul {
       	background: #ff00ff !important;
       	/*border-radius: 0.4rem;*/
       	color: #fff;
       	font-size: 1.3rem;
       	opacity: 0;
       	/*padding: 0 0 1rem 0;*/
       	padding:0;
       	position: absolute;
       	right: 9999rem;
       	top: calc(100% + 0.1rem);
           /* transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; */
       	transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s;
       	transform: translateY(0.6rem);
       	min-width: 25rem;
       	z-index: 1;
       }
   
       .primary-menu ul::after {
       	border: 0.8rem solid transparent;
       	/*right: 1.8rem;*/
       	left:1.8rem;
       }
   
       .primary-menu ul li.menu-item-has-children > a {
       	/*padding-right: 4.5rem;*/
       }
   
       /* DEEP DOWN */
       .primary-menu ul li.menu-item-has-children:hover > ul,
       .primary-menu ul li.menu-item-has-children:focus > ul,
       .primary-menu ul li.menu-item-has-children.focus > ul {
       	left: calc(100% + 0.1rem);
       }
   
       .primary-menu ul ul::before {
       	bottom: 0;
       	height: auto;
       	/*left: auto;
       	right: -2rem;*/
       	left:-2rem;
       	right: auto;
       	top: 0;
       	width: 2rem;
       }
   
       .primary-menu ul ul::after {
       	border-bottom-color: transparent;
       	rtl:ignore;
       	/*border-left-color: #000;*/
       	/*bottom: auto;*/
       	/*right: -1.6rem;*/
   
       	left: -2.6rem;
       	top: 1rem;
       	color:green !important;
       }
       ```
   
 * You may find the sample site with this fixed, [here](http://hsgthailand.com/)
 * Hope this help.
    Worada S.

Viewing 1 replies (of 1 total)