kmk Posted December 23, 2018 Share Posted December 23, 2018 Hey guys, sorry for this question, I try find it searching but nothing, I think is more faster and easy if someone can tell me again how I can adjust my logo, mobile version to center position, right by default is from left side. Link to comment Share on other sites More sharing options...
403 - Forbiddeen Posted December 30, 2018 Share Posted December 30, 2018 Already try this? img.sMainHead__logo { display: block; margin: 0 auto; } Source : https://stackoverflow.com/questions/7055393/center-image-using-text-align-center Link to comment Share on other sites More sharing options...
kmk Posted December 30, 2018 Author Share Posted December 30, 2018 nothing.... Link to comment Share on other sites More sharing options...
403 - Forbiddeen Posted December 30, 2018 Share Posted December 30, 2018 Are you using the default theme? Link to comment Share on other sites More sharing options...
kmk Posted December 30, 2018 Author Share Posted December 30, 2018 55 minutes ago, 403 - Forbideen said: Are you using the default theme? Yes Link to comment Share on other sites More sharing options...
403 - Forbiddeen Posted December 30, 2018 Share Posted December 30, 2018 12 hours ago, kmk said: Yes Follow the example : http://nimb.ws/S7t9Zi And the code, this code will align to center the desktop version too. #elLogo img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; } To work only on mobile version, you need to setup a small rules, then copy and paste this code. @media screen and (max-width: 767px){ #elLogo img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; }} I copy and paste this code on core_responsive.css file. Work fine. http://nimb.ws/cbYXZP Link to comment Share on other sites More sharing options...
kmk Posted December 31, 2018 Author Share Posted December 31, 2018 14 hours ago, 403 - Forbideen said: @media screen and (max-width: 767px){ #elLogo img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; }} Thank, I use above code and fine, but not centered... Link to comment Share on other sites More sharing options...
Meddysong Posted December 31, 2018 Share Posted December 31, 2018 It is centered. Your logo probably has some transparent padding on the left. Link to comment Share on other sites More sharing options...
kmk Posted December 31, 2018 Author Share Posted December 31, 2018 I mean below the logo, you can see a gap space...I use the same logo for ehren theme and does havent problem... Link to comment Share on other sites More sharing options...
403 - Forbiddeen Posted January 2, 2019 Share Posted January 2, 2019 To fix it, you need to set a left padding. You already centered. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.