Title: Full width menu Last modified: April 18, 2021 --- # Full width menu * Resolved [southportu3a](https://wordpress.org/support/users/southportu3a/) * (@southportu3a) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/) * Hi * Is there any way to allow the top menu to use the full width of the page? At the moment, if the menu reaches the right sidebar it wraps onto a second line. The current menu has been limited to prevent this happening, bu we many want to add more items in the future and it would be good not to have it wrapping. * Thanks * Ian * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-menu-7%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 7 replies - 1 through 7 (of 7 total) * Theme Author [Anthony Hortin](https://wordpress.org/support/users/ahortin/) * (@ahortin) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14340366) * Hi Ian, * I presume you’re referring to the main navigation menu? Unfortunately, I can’t see your site. I simply get your Coming Soon page. * There are two functions within Ephemeris that display the Logo container and the Nav Menu container. These functions are called `ephemeris_logo_grid()` and` ephemeris_nav_grid()`, respectively. * The Logo container is 40% width and the Nav container is 60%. If you want to increase the size of the nav container, you have a couple of options. * – Start by copying the `ephemeris_logo_grid()` and `ephemeris_nav_grid()` functions from `functions.php` in Ephemris, into the `functions.php` in your child theme.( don’t include the “if ( ! function_exists(…” line. Just copy the function itself. i.e. “function ephemeris_nav_grid() {…..}”) * You can either: * – Decrease the size of the Logo container by changing the class names in `ephemeris_logo_grid()`. e.g. change the classes from `grid-40 tablet-grid-40` to `grid-20 tablet-grid- 20` – Increase the size of the Nav Container by changing the class names in ` ephemeris_nav_grid()`. e.g. change the classes from `grid-60 tablet-grid-60` to `grid-80 tablet-grid-80` * This would give you 20% container for the Logo and 80% container for the Nav. * Or, you could increase both containers to 100%: * – Increase the size of the Logo container by changing the class names in `ephemeris_logo_grid()`. e.g. change the classes from `grid-40 tablet-grid-40` to `grid-100 tablet-grid- 100` – Increase the size of the Nav Container by changing the class names in` ephemeris_nav_grid()`. e.g. change the classes from `grid-60 tablet-grid-60` to `grid-100 tablet-grid-100` * When you copy those two functions (`ephemeris_logo_grid()` and `ephemeris_nav_grid()`) into your child theme, they will override the functions within Ephemeris. * Thread Starter [southportu3a](https://wordpress.org/support/users/southportu3a/) * (@southportu3a) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14340551) * Thanks for the detailed response Anthony. Yes we are pre-launch now so the site has been put into ‘Coming Soon’ mode. * I’ll have a look at the functions.php. I’m not sure I will be allowed to amend the file directly, even in a child theme, as this is a managed wordpress hosting package. Hopefully I’ll be allowed to do so in a child theme. * Ian * Theme Author [Anthony Hortin](https://wordpress.org/support/users/ahortin/) * (@ahortin) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14340592) * Hi Ian, * “Managed WordPress hosting” usually just means that they look after your site updates and backups for you. You should be able to still edit your own child theme files. * Of course, when you’re making changes like this though, it’s always best to test them on a development or staging domain first, rather than making them directly on the live website. * Thread Starter [southportu3a](https://wordpress.org/support/users/southportu3a/) * (@southportu3a) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14340805) * Thanks Anthony, that has worked perfectly. * Thanks again for your prompt assistance. * Ian * Theme Author [Anthony Hortin](https://wordpress.org/support/users/ahortin/) * (@ahortin) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14340828) * That’s not a problem 🙂 * Thread Starter [southportu3a](https://wordpress.org/support/users/southportu3a/) * (@southportu3a) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14343029) * One more question, sorry. The menu seems to be right justified now, how do I make it align to the left of the page? * Thanks * Ian * Thread Starter [southportu3a](https://wordpress.org/support/users/southportu3a/) * (@southportu3a) * [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14343247) * Ignore that, I’ve resolved it thanks. * Ian Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Full width menu’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/ephemeris/1.5.4/screenshot.png) * Ephemeris * [Support Threads](https://wordpress.org/support/theme/ephemeris/) * [Active Topics](https://wordpress.org/support/theme/ephemeris/active/) * [Unresolved Topics](https://wordpress.org/support/theme/ephemeris/unresolved/) * [Reviews](https://wordpress.org/support/theme/ephemeris/reviews/) ## Tags * [menu](https://wordpress.org/support/topic-tag/menu/) * [sidebar](https://wordpress.org/support/topic-tag/sidebar/) * [width](https://wordpress.org/support/topic-tag/width/) * [wrap](https://wordpress.org/support/topic-tag/wrap/) * [wrapping](https://wordpress.org/support/topic-tag/wrapping/) * 7 replies * 2 participants * Last reply from: [southportu3a](https://wordpress.org/support/users/southportu3a/) * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/full-width-menu-7/#post-14343247) * Status: resolved