Title: OceanWP menu alignment problem
Last modified: August 12, 2024

---

# OceanWP menu alignment problem

 *  [weiyanglee0824](https://wordpress.org/support/users/weiyanglee0824/)
 * (@weiyanglee0824)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/oceanwp-menu-alignment-problem/)
 * Hi, I start to use the OceanWP to create my menu.
   I can’t align my menu (left)
   with the language switcher (right).Any solution?
 * Thank you in advance.
   BestWei-Yang
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Foceanwp-menu-alignment-problem%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/oceanwp-menu-alignment-problem/#post-17947892)
 * Hello [@weiyanglee0824](https://wordpress.org/support/users/weiyanglee0824/),
 * Thank you for reaching out,
 * Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
 *     ```
       @media(min-width:1024px) {
           .minimal-header.left-menu #site-navigation-wrap, .transparent-header.left-menu #site-navigation-wrap {
               float: right !important;
           }
   
           .after-header-content {
               float: left !important;
           }
       }
       ```
   
 * Please read this link for more information about the CSS/JS code on the customizer:
   [https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website](https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website).
 * **Note:** If you have any cache plugin or server cache(CDN / Browser Cache and
   Cookies and …), you need to clear its cache contents or disable them to see your
   changes. Also, remember to click on the regenerate all assets file and data in
   Elementor > Tools(if you have Elementor).
 * I hope that helps.
    Best Regards
 *  Thread Starter [weiyanglee0824](https://wordpress.org/support/users/weiyanglee0824/)
 * (@weiyanglee0824)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/oceanwp-menu-alignment-problem/#post-17948163)
 * Sorry, I didn’t make myself clear.
 * I would like to align horizontally my menu and language switcher. The language
   switcher is lower than my menu. I don’t know how to add a screenshot here to 
   show you. Please check the web site directly. [https://reseau-lux.com/](https://reseau-lux.com/)
 * Thank you
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/oceanwp-menu-alignment-problem/#post-17949738)
 * Hello [@weiyanglee0824](https://wordpress.org/support/users/weiyanglee0824/),
 * Thank you for reaching out,
 * The language switcher isn’t aligned, because you didn’t set the logo.
    Technically
   the menu and logo would be aligned together.
 * Now your website is in maintenance mode and I can write a custom CSS for it: 
   [https://postimg.cc/hhN1vVVp](https://postimg.cc/hhN1vVVp)
 * The best way to resolve this is to use a custom header and adjust the alignment
   with custom elements. Please follow the steps explained in this link: [https://docs.oceanwp.org/article/355-how-to-create-a-custom-header](https://docs.oceanwp.org/article/355-how-to-create-a-custom-header)
 * Also, you can learn how to use Chrome Developer Tools or Firefox Developer Tools
   to help you see and test changes to your CSS:
    [https://developers.google.com/web/tools/chrome-devtools/](https://developers.google.com/web/tools/chrome-devtools/)
   [https://developer.mozilla.org/en-US/docs/Tools](https://developer.mozilla.org/en-US/docs/Tools)
   CSS Tutorial: [https://www.w3schools.com/css/](https://www.w3schools.com/css/)
 * **Note:** If you need to attach any screenshots, you can upload them to an online
   service, get the exclusive link, and share the link.
 * I hope it helps.
    Best Regards

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

The topic ‘OceanWP menu alignment problem’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/)
 * Last activity: [1 year, 9 months ago](https://wordpress.org/support/topic/oceanwp-menu-alignment-problem/#post-17949738)
 * Status: not resolved