LOGO ALIGNMENT-URGENT PLS!! - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

LOGO ALIGNMENT-URGENT PLS!!

Rhema N. Abu

Rhema N. Abu

Template 2 years ago

hi the logo alignment of WAYNE CORP Template is not centralized! it is distorted to the right ON MOBILE VIEW, please check the site on MOBILE to recreated th scenario.

how do i correct this issue pls?

url of site is: http://drivers.toch.ng

0
5 Answers
Pavel
Pavel
Accepted Answer
2 years ago #120015

Hi. The following code will make such an appearance

@media (max-width: 991px) {
    #sp-header .row {
        justify-content: center;
    }
    #sp-logo {
        width: 110px;
    }
    #sp-header .logo {
        align-items: center;
    }
    #sp-header .logo .logo-image {
        margin-top: 0;
    }
    #sp-menu1 {
        display: none;
    }
    #sp-menu2 {
        display: block !important;
        width: 70px;
        position: absolute !important;
        right: 0;
    }
    #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 15px;
    }
}

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #119926

Hi,

I would start with using below custom CSS:

@media screen and (max-width: 680px) {
.logo-image-phone.d-inline-block.d-lg-none {max-width: 72px;}
#sp-header #sp-logo {width: 66%; max-width: 66%;}
#sp-menu1 {display: none;}
#sp-menu2 {display: block !important;}
    }
0
Rhema N. Abu
Rhema N. Abu
Accepted Answer
2 years ago #120011

hi Frank, i used the ccs code in the custome code (css section) but the logo on mobile view is still tilted towards the left , IT IS NOT CENTRALIZED! i hink something is not right, you can view it on mobile : http://drivers.toch.ng

i need the LOGO on the MOBILE VIEW to be centalized like the PC view!

please Help!

0
Rhema N. Abu
Rhema N. Abu
Accepted Answer
2 years ago #120060

Hi Pavel, the CSS Codes works pretty fine, problem solved. Thanks alot Pavel!

0
Pavel
Pavel
Accepted Answer
2 years ago #120230

Hi. Glad was to help

0