Set up WordPress menu
Refactoring and Optimization of the Menu
Goal: Move menu management from hardcode (ACF) to standard WordPress functionality, configure correct operation of language versions (Polylang), and ensure responsiveness for 8 menu items.
1. Current State (Diagnosis)
Currently, the menu is implemented through hardcode in theme files and text output via the ACF plugin.
File paths: wp-content/themes/theme/header.php, header-en.php, footer.php, footer-en.php.
Logic: The text of the items is taken from the meta fields of pages with ID 7 (UA) and ID 428 (EN) using the_field('header_menu_item_X', ID).
Problem: Any change in structure or addition of an item (for example, a new page "Qualification") requires editing PHP files. The menu is not synchronized between languages automatically.
2. Architectural Changes (Backend)
It is necessary to completely abandon the current implementation in favor of the standard WordPress toolkit.
Menu Registration: In functions.php, register menu areas (for example, primary for header and mobile_popup for pop-up).
Implementation of wp_nav_menu():
In header.php files (and language versions), replace static lists <ul> with a call to wp_nav_menu().
Do the same for the pop-up menu in footer.php.
Admin Management: The menu should be fully managed through the Appearance -> Menus section.
Language Synchronization: Set up a connection between UKR and EN menus through Polylang, so that when switching languages, the corresponding menu is automatically displayed.
Cleanup: After migration, remove outdated ACF fields (header_menu_item_1-8) from the "Main" field group to avoid cluttering the admin panel.
3. Updated Menu Structure (8 Items)
It is necessary to create and configure a menu with the following list:
Home
Training
Certification
Qualification (New Page)
Services
FAQ
News
Contacts
4. Responsiveness and UI Optimization (Frontend)
As the number of items increases to 8, it is necessary to prevent line breaks (items dropping) on laptops.
Testing Range: 1024px — 1440px.
Optimization Methods:
Reduce padding between menu items (class .menu__item or similar).
Reduce font-size by 1-2px for the desktop version if the menu does not fit in one line.
Breakpoint: Set the transition point to "burger menu" (mobile navigation) so that the menu does not overlap the logo when the screen narrows.
5. Expected Result
The site owner can independently add/remove/reorder menu items through the admin panel without editing code.
The new item "Qualification" is correctly displayed in both language versions.
The menu looks cohesive (in one line) on laptop screens (13-15").
The code is cleaned of unnecessary ACF database queries for navigation output.
Client's review of cooperation with Andrey O.
Set up WordPress menuExcellent. I will reach out in the future, I recommend.
Freelancer's review of cooperation with Oleksandr S.
Set up WordPress menuThank you for the project. Everything went well, I recommend for collaboration.
-
1790 18 0 Good day, I am ready to complete your task quickly and efficiently. I will make your menus in the header and footer editable from the Menu. I will remove unnecessary ACF fields. Here are my examples of recent work on WordPress:
https://mansionproject.nl/
https://thecarguys.kinsta.cloud/
https://totuus.co.uk/
https://futurizm.io/
-
1082 7 0 Ready to complete right now within an hour and a half. The technical specifications are completely clear. Great experience in development. I will transfer the menu from ACF to standard functionality and adjust the responsiveness. Write to me in private messages for FTP and admin access.
-
2059 27 0 Good day.
I will be happy to collaborate.
I am ready to discuss the details in personal correspondence.
Current freelance projects in the category Website Maintenance
Promotion
445 USD
Good evening everyone! Our company is engaged in transport and fuel control, simply put, GPS monitoring. I have a task that consists of 3 parts: - Revamp and modernize the current website (images, colors, text, etc.) - Promote the website on Google, contextual advertising. -… Website Development, Website Maintenance ∙ 7 minutes back ∙ 1 proposal |
Horoshop SpecialistNeed a specialist who can correctly set up the product Feed. Problem: Currently, over 13,000 products are being uploaded with the same type value (e.g., "everything for manicure and pedicure"). Because of this, it is impossible to segment products in Google Ads and set different… PHP, Website Maintenance ∙ 10 hours 26 minutes back ∙ 15 proposals |
Transfer the domain without complicationsIt is necessary to transfer the domain name to another operator. There are nuances, and everything needs to go smoothly. It is necessary to transfer the domain name to another operator. There are nuances, and everything needs to go smoothly. Website Development, Website Maintenance ∙ 10 hours 57 minutes back ∙ 25 proposals |
Technical specification for website optimizationMake a technical specification for website optimization https://drive.google.com/drive/folders/1ksd-ps9prKU1OHcZJXAHSMU9lOjBa_1T Looking for a person for long-term cooperation! Website Development, Website Maintenance ∙ 13 hours 3 minutes back ∙ 39 proposals |
Support for online store, dropshippingThere are several offline stores. There is no experience working with online platforms. There is a registered store on Prom, a website, and Instagram. Support is needed for sales on online platforms, dropshipping. Online Stores & E-commerce, Website Maintenance ∙ 1 day 5 hours back ∙ 42 proposals |