Home › Forums › Free Themes › Construction Base › Construction Base Pro : Cant Center Logo on mobile

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 8, 2018 at 3:46 pm #71422
    Mark Paljusevic
    Participant

    Hi I had an issue with the resolution of the logo on my site and added the following code to the additional CSS:

    .custom-logo-link {
    max-height: 17%;
    max-width: 17%;
    }

    It helped with the resolution but the logo is not centered on mobile device. Does anyone know how i can center it?

    My website is gotohomebuilders.com

    Thanks!

    May 9, 2018 at 12:39 am #71445
    wensolutions
    Keymaster

    Hello @gotohomebuilders,

    First of all thank you very much for using the pro version of the theme.

    Now to center the logo in mobile version use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media only screen and (max-width: 550px){
.custom-logo-link {
    display: inline;
}
}

    Hope this helps.

    Best Regards!!

    Have a good day 🙂 .

    May 11, 2018 at 7:26 pm #71555
    Mark Paljusevic
    Participant

    That worked but only for a select few pages. My home page is still set on the left side on the mobile and tablet versions. What can i do? @wensolutions

    May 14, 2018 at 1:39 am #71605
    wensolutions
    Keymaster

    Hello @gotohomebuilders,

    To center the logo in the tablet view use below given CSS.

    @media (max-width:767.99px){
.site-branding .site-branding {   
width: 100%;   
float: none;   
display: inline-block;    
text-align: center;
}
}

@media (max-width:1023.99px){
.site-branding .custom-logo-link { 
  width: 100%;
   max-width: 100%;
}
}

    Hope this helps.

    Best Regards!!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.