ColorlibHQ / ColorlibHQ/unite

Broken mobile view.

Open
#6 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
PHP
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Hi everyone,

I am helping my wife to develop a web-site and we are using the Unite theme. At some point we noticed that the mobile view does not seem to function properly, along with the question I posted in the forum:
https://forums.colorlib.com/t/dropdown-menu-changes-color-if-clicked-on-the-parent-entry-again/27229

Trying to back-trace the problem, I did a clean install of up-to-date Wordpress, created few dummy pages and similar issues still persist, see:
http://testnet.se

I see mainly two issues:

  1. The search bar is too wide (I managed to fix this using custom CSS);
  2. Drop down menu behaves strange:
    ----> There is a desktop-like pop-down behavior instead of mobile-like extending behavior;
    ----> Long menu entries are not wrapped around to fit in the screen.

I wonder if there are any plans to correct this behavior?

Best,
Ugis

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the mobile layout and menu behavior described in the issue using the linked test site and the Unite theme, then trace the theme's mobile navigation and search styles. Done means the search bar fits the viewport, dropdowns use mobile-style expansion, and long menu entries wrap without overflowing.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.