Joomla Templates Club 406,261 posts

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#195292

Hello.

How do you center the position of the logo in the responsive mobile layout?

Please see attached jpg.

As you can see, the logo is off-centered.

Your help is greatly appreciated!

Thanks!

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#524734

@anoriginal,*

Please help to set “Development Mode” and “Optimize CSS” to “NO” (via template configuration in your back end), then post the URL of your site here, I will give you suggestion then.*

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#525099

Hello. Ok, I set as you asked…my URL is http://www.anoriginal.com/fixel

[vibedigital Friend vibedigitalJoin date: December 2013Posts: 38Downloads:0Uploads:1 Thanks: 8 Thanked: 6 times in 1 posts]

#525158

Hey anoriginal- there may be a better solution, but this works. Try commenting out your logo’s left margin in the CSS.

Go to: fixel/templates/ja_fixel/css/themes/light/template-responsive.css

Around line 2368 you’ll see:

.logo {
margin-left: 41%;

Just comment out margin-left: 41%;

Example:

/*margin-left: 41%;*/

This seems to clear up the left margin issue since your logo is a bit wider than the demo logo.

Hope you don’t mind me jumping in and helping. I’m not a moderator.

1 user says Thank You to vibedigital for this useful post

1. An LeFevre

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#525169

@vibedigital, thanks for sharing your workaround.

@anoriginal,
Please try to open the file: /templates/ja_fixel/css/custom.css, then add this rule:

@media (max-width: 480px){
.logo-image {
width: auto !important;
text-align: center;
}
.logo {
margin-left: 0;
}
.navbar .brand {
padding-right: 55px;
}
}

Let me know how it goes.

1 user says Thank You to Nazario A for this useful post

1. An LeFevre

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#525846

Hello Nazario & VibeDigital.

The code solution bu Nazario worked! Thanks for your quick response.

[Author]

Posts