Joomla Templates Club 406,261 posts

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#202635

I use uber for a custom design purpose . I want change logo position from left to right. How can I achieve this?
Tx in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#554910

HI you can change it to right but it will effect the sidenav menu .
For example >>> http://prntscr.com/55ige9
and when you open sidenav >>>> http://prntscr.com/55igl2
if you want like this then add this css code into your custom.css file
css/custom.css

@media screen and (min-width: 768px) {
.logo {
border-right: 1px solid #ecf0f1
text-align: left;

float: right !important;
}
}

@media screen and (max-width: 767px) {
.t3-header .row {
margin: 0;
}
.t3-header .row > .logo {
padding: 0;

float: right;
}
}


if its not like that please add a screenshot of it so that i can assist you better .

1 user says Thank You to Pankaj Sharma for this useful post

1. nilgunce

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#555295

In which directory the custom/css located?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#555303

Hi
here is path .
/template/ja_uber/css/custom.css
if there is no custom.css file then create a file with name custom.css and add above code .

1 user says Thank You to Pankaj Sharma for this useful post

1. nilgunce

[nilgunce Friend nilgunceJoin date: February 2014Posts: 170Downloads:14Uploads:30 Thanks: 27 Thanked: 1 times in 1 posts]

#555638

It works for desktop. But on my mobile phone still stands on left side.
How can I make ir for all devices?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#555643

Hi remove the previous code that you added in custom.css file with this code

.logo {
border-right: 1px solid #ecf0f1
text-align: left;

float: right !important;
}


Let me know if it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. nilgunce

[Author]

Posts