Title: Dropdown menu position
Last modified: December 28, 2017

---

# Dropdown menu position

 *  Resolved [ivbw](https://wordpress.org/support/users/ivbw/)
 * (@ivbw)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/dropdown-menu-position/)
 * Hello, The dropdown menus on Hestia open to the left (right edge in line with
   carat). I want to switch this so that they open to the right (left edge aligned
   with left of nav menu item). I have tried targeting them in css with “.navbar.
   dropdown-menu” and using various left and right functions to move them around(
   i.e.”left:50px;” “left:50%;”), which sort of works, however, it is both hard 
   to control the location, and it messes with the formatting of the dropdown menu.
   I am a beginner at this and I was wondering if anyone has a way to achieve this
   result cleanly. Thanks for your help.
    -  This topic was modified 8 years, 5 months ago by [ivbw](https://wordpress.org/support/users/ivbw/).

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [harshvardhan singh](https://wordpress.org/support/users/wpcoderguy/)
 * (@wpcoderguy)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-9816841)
 * Hello [@ivbw](https://wordpress.org/support/users/ivbw/)
 * Please share your website URL so I will check your website and provide you appropriate
   code according to it.
 * Thanks
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-9817381)
 * Hi [@ivbw](https://wordpress.org/support/users/ivbw/),
 * You can try adding the following code to your Admin Panel > Appearance > Customize
   > Additional CSS field:
 *     ```
       .navbar-right .dropdown-menu {
         left: 0;
         right: auto;
       }
       ```
   
 * Thanks!
 *  Thread Starter [ivbw](https://wordpress.org/support/users/ivbw/)
 * (@ivbw)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-9840816)
 * Worked like a charm. Thanks!
 *  [Sany](https://wordpress.org/support/users/sannny/)
 * (@sannny)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-9977762)
 * Hello,
    I have the same issue. The CSS code is working but if I have 3 or more
   menu layers the third layer is at the same position and therefore it hides the
   second layer instead of opening right to it. Any ideas? Thanks.
 *  [Sany](https://wordpress.org/support/users/sannny/)
 * (@sannny)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-10099366)
 * This works:
 *     ```
       .navbar-right .dropdown-menu { 
         left:0; 
         right:auto;
       } 
       .navbar-right .dropdown-menu ul { 
         left: 100%; 
       } 
       ```
   
 *  [AfricaColumn.com](https://wordpress.org/support/users/africacolumn/)
 * (@africacolumn)
 * [8 years ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-10267629)
 * Dropdown Letter out of Position;
    I have problem with dropdown letter that does
   not paste normally and out of position.
 * Each time I prepare text with drop down letter, format the text but when I post
   the text to my website, the drop down letter will only paste on top of the text
   separately rather than on its normal drop down position.
 * I do not know whether it is WordPress plugin or system that is not compatible
   with my formatting from word/window 10 on my computer.
    When the formatted text
   is posted to my site to be pasted; I am not able to remove the rectangle or square
   with dotted line that surround the dropdown letter, which I easily do on my computer
   word/window 10, for it to paste normally in all the posts. I tried notepad. It
   was of no help notepad. The main problem I think is my inability to remove the
   rectangle or square with dotted line that surround the dropdown letter at the
   dashboard post area and the frontend post area, which may have something to do
   with WordPress plugin or system. If the rectangle or square with dotted line 
   can be removed and dropdown letter remain plain like every other letter, on post,
   it will paste normally rather than just jump out of position to the top and paste
   separately on its own. On my computer when composing or writing; when the rectangle
   or square with dotted line surround a dropdown letter appear, I only need to 
   click the mouse right or left, the rectangle, etc. will disappear. The letter
   will then remain plain like every other letters. When it is copied or sent out
   as email or attachment, it remain or paste normally without jumping out on its
   own. At the dash board area and the frontend post area of my website, I am not
   able to do this for the rectangle or square that surround the dropdown letter
   to disappear for it to remain plain before post. Examples of this problem of 
   dropdown letter out of position are at [http://www.africacolumn.com](http://www.africacolumn.com)
   on Demonstration Articles and Dropdown Letter out of Position.
 * Please what is the solution? What can I do to solve the dropdown letter out of
   position?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Dropdown menu position’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hestia/3.3.4/screenshot.png)
 * Hestia
 * [Support Threads](https://wordpress.org/support/theme/hestia/)
 * [Active Topics](https://wordpress.org/support/theme/hestia/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hestia/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hestia/reviews/)

 * 6 replies
 * 5 participants
 * Last reply from: [AfricaColumn.com](https://wordpress.org/support/users/africacolumn/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/dropdown-menu-position/#post-10267629)
 * Status: resolved