Fix Navigation Toolbar Misalignment in RTL Layout

Created on 27 April 2025, 18 days ago

Problem/Motivation

The primary navigation toolbar on a Varbase site does not display correctly when the interface is set to Right-to-Left (RTL) language such as Arabic. The toolbar layout remains Left-to-Right (LTR), misaligning elements and disrupting the user experience in RTL mode.

Steps to reproduce

  1. Go to a Varbase website with RTL language enabled (e.g., Arabic).
  2. Create or view a page with Arabic content.
  3. Observe the main navigation toolbar layout.

Proposed resolution

Consider verifying if the theme or layout settings override the default RTL handling of Bootstrap/Varbase.

Remaining tasks

  • ✅ File an issue about this project
  • ❌ Addition/Change/Update/Fix to this project
  • ❌ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Code review from 1 Varbase core team member
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ❌ Update Release Notes and Update Helper on new feature change/addition
  • ❌ Release

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • N/A
🐛 Bug report
Status

Active

Version

10.0

Component

Code

Created by

🇯🇴Jordan Rajab Natshah Jordan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024