-
AuthorPosts
-
February 27, 2014 at 5:28 pm #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!
Nazario A FriendNazario A
- Join date:
- April 2013
- Posts:
- 1183
- Downloads:
- 0
- Uploads:
- 406
- Thanks:
- 91
- Thanked:
- 284 times in 263 posts
February 28, 2014 at 7:55 am #524734Please 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.*
March 3, 2014 at 3:10 pm #525099Hello. Ok, I set as you asked…my URL is http://www.anoriginal.com/fixel
vibedigital Friendvibedigital
- Join date:
- December 2013
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 1
- Thanks:
- 8
- Thanked:
- 6 times in 1 posts
March 4, 2014 at 3:20 am #525158Hey 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
Nazario A FriendNazario A
- Join date:
- April 2013
- Posts:
- 1183
- Downloads:
- 0
- Uploads:
- 406
- Thanks:
- 91
- Thanked:
- 284 times in 263 posts
March 4, 2014 at 3:52 am #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
March 7, 2014 at 10:51 pm #525846Hello Nazario & VibeDigital.
The code solution bu Nazario worked! Thanks for your quick response.
AuthorPostsViewing 6 posts - 1 through 6 (of 6 total)This topic contains 6 replies, has 3 voices, and was last updated by An LeFevre 10 years, 10 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Help centering logo on responsive mobile layout
Viewing 6 posts - 1 through 6 (of 6 total)