RTL Layout

This layout will show you how to keep your rtl layout. Our theme rtl mode that looks like this.

RTL Support

To activate RTL (Right-to-Left) mode, add the dir="rtl" attribute to the <html> tag. This will automatically adjust the layout and text direction to support RTL languages.

<html lang="en" dir="rtl">

Change the CSS file

To enable RTL (Right-to-Left) support in the Geeks theme, open the src/partials/head.php file and replace the stylesheet reference from theme.min.css to theme-rtl.min.css

This will automatically switch the layout and components to RTL direction for languages such as Arabic or Hebrew.

Simply change the link like href="assets/css/theme-rtl.min.css" to the <link> tag. You can replace for head.php section.

Replace.

<link href="assets/css/theme.min.css" rel="stylesheet">

To:

<link href="assets/css/theme-rtl.min.css" rel="stylesheet">