fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) LOGO alignment in RTL

(SOLVED) LOGO alignment in RTL 2 years 11 months ago #9158

  • Stinson
  • Stinson's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
Dear joomdev team

Hi

I'm using JDBoston on a multilanguage website, everything is fine thanks to your extraordinary design.
The only thing I want to customise is the logo in RTL (Arabic language), I like to have the logo aligned to left side exactly like the English language (LTR).

Appreciate your help in advance

This is my website address:
newlinec.com
Last Edit: 2 years 11 months ago by Stinson.
The topic has been locked.

LOGO alignment in RTL 2 years 11 months ago #9164

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

Your solution is here:
Go to your site backend Extensions > Templates Open the JD_Boston RTL Template.
Now go on the layout tab and flip the LOGo & MENU positions
See Screenshot: www.screencast.com/t/ZtuCENH2LTh

Thanks
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.
The following user(s) said Thank You: Stinson

LOGO alignment in RTL 2 years 11 months ago #9182

  • Stinson
  • Stinson's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
Dear Lalita

Thank you for your fast response.

But the JDboston that I'm using has the T3 Framework, not the Helix Framework.

Can you please guide me according to the T3 Framework???
Attachments:
The topic has been locked.

LOGO alignment in RTL 2 years 11 months ago #9215

  • Stinson
  • Stinson's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
Any Idea from anyone ???
The topic has been locked.

LOGO alignment in RTL 2 years 11 months ago #9218

  • roshan jajoriya
  • roshan jajoriya's Avatar
Hello
Hope you are doing well !!!
I checked your issue and hope it will help you.
Please add this Css Code in this file " your file ROOT > templates > template name > less > template.less " at bottom.
@media(min-width:768px){
    html[lang="ar-aa"]{
        .header{
            .logo{
               float: left; 
               text-align: left;
            }  
            #t3-mainnav{
                .t3-navbar{
                    float: right;
                }
            }      
        }
    }
}

Thanks
The topic has been locked.

LOGO alignment in RTL 2 years 11 months ago #9235

  • Stinson
  • Stinson's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
Thank you very much Roshan.

It works fine.
The topic has been locked.

LOGO alignment in RTL 2 years 11 months ago #9241

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4489
  • Thank you received: 647
  • Karma: 116
That's how we roll!
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.853 seconds