Jump to content

Center your logo in tablets & phones


Recommended Posts

This code is working on many themes, not all but maybe yours. Just change the value of the "px" to adjust your logo and background.

@media screen and (max-width:979px) {
#elLogo img {
    max-width: 100%;
    max-height: 90px;
    padding: 5px;
    padding-top: 20px;
    padding-left: 0px;
    position: relative;
    left: 50%;
    margin-top: 40px;
    transform: translate(-50%, -50%);

@media screen and (max-width:979px) {
#ipsLayout_header header {
    max-height: 100px;


Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...