# Move Dropdown Menu

**URL:** <https://colorlibsupport.com/t/move-dropdown-menu/13164>\
**Category:** Sparkling\
**Created:** [November 10, 2016, 4:51pm UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164 "2016-11-10T16:51:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![packerlandwebsites](https://colorlibsupport.com/user_avatar/colorlibsupport.com/packerlandwebsites/32/3379_2.png) [@packerlandwebsites](https://colorlibsupport.com/u/packerlandwebsites)\
**Post date:** [November 10, 2016, 4:51pm UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164/1 "2016-11-10T16:51:51Z")

</div>

How can I move the dropdown menu to the right or just center it?

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 15, 2016, 2:00pm UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164/2 "2016-11-15T14:00:33Z")

</div>

Hi @packerlandwebsites,

I hope you are well today and thank you for your question.

Could you please share the screenshot of how you wan it to display so that i can help you to achieve it?

Kind Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![packerlandwebsites](https://colorlibsupport.com/user_avatar/colorlibsupport.com/packerlandwebsites/32/3379_2.png) [@packerlandwebsites](https://colorlibsupport.com/u/packerlandwebsites)\
**Post date:** [November 17, 2016, 2:46am UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164/3 "2016-11-17T02:46:08Z")

</div>

I’ve attached a pic of what I’m trying to do. Here is what I currently have: [http://5c7.1db.myftpupload.com](http://5c7.1db.myftpupload.com)

I also have sticky header enabled.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 17, 2016, 11:38am UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164/4 "2016-11-17T11:38:11Z")

</div>

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path but the sequence of sub menu items will be reversed.

Admin Area -\> Appearance -\> Customize -\> Sparkling Options -\> Other -\> Custom CSS

```auto

ul.dropdown-menu {
    width: 100%;
}
ul.dropdown-menu li {
    float: right;
}

```

---

<div class="post-metadata">

**Author:** ![packerlandwebsites](https://colorlibsupport.com/user_avatar/colorlibsupport.com/packerlandwebsites/32/3379_2.png) [@packerlandwebsites](https://colorlibsupport.com/u/packerlandwebsites)\
**Post date:** [November 17, 2016, 4:08pm UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164/5 "2016-11-17T16:08:08Z")

</div>

Yes, that does work, but it’s ordering it backwards. I could re-order the nav, but I didn’t want to explain to a client that they need to order their navigation backwards.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 21, 2016, 1:18pm UTC](https://colorlibsupport.com/t/move-dropdown-menu/13164/6 "2016-11-21T13:18:46Z")

</div>

I already said in my previous reply that it will order backward.

If you don’t want it then you have to develop more custom code.

Developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer [https://www.upwork.com/freelancers/~011652ffec8865c6d5](https://www.upwork.com/freelancers/~011652ffec8865c6d5)