We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Logo doubling up in mobile

Featured Lock Resolved Bug
Both logos are appearing when in mobile view. See attached image.

Attachments (1)

  • double-logo.PNG
    double-logo.PNG 7.8 KB

4 Answers

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
Open the following file: templates/shaper_kidzy/less/theme.less on 466 no line you will get:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#sp-header {
.sp-default-logo {
display: none;
}
.sp-retina-logo {
display: block !important;
}
}
}

#sp-header-sticky-wrapper{
position: absolute;
top: 50px;
width: 100%;
z-index: 99;
background: #fff;
}
#sp-header{
height: 76px;
#sp-logo{
height: 76px;
overflow: visible;
.transition(.3s);
}
.logo {
display: inline-block;
height: 76px;
display: table;
position: absolute;
z-index: 10;
top: -50px;
left: -50px;
h1 {
font-size: 24px;
line-height: 1;
margin: 0;
padding: 0;
display: table-cell;
vertical-align: middle;
}

p {
margin: 5px 0 0;
}
}

.sp-retina-logo {
display: none;
}

}


replace with:

#sp-header-sticky-wrapper{
position: absolute;
top: 50px;
width: 100%;
z-index: 99;
background: #fff;
}
#sp-header{
height: 76px;
#sp-logo{
height: 76px;
overflow: visible;
.transition(.3s);
}
.logo {
display: inline-block;
height: 76px;
display: table;
position: absolute;
z-index: 10;
top: -50px;
left: -50px;
h1 {
font-size: 24px;
line-height: 1;
margin: 0;
padding: 0;
display: table-cell;
vertical-align: middle;
}

p {
margin: 5px 0 0;
}
}

.sp-retina-logo {
display: none;
}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#sp-header {
.sp-default-logo {
display: none;
}
.sp-retina-logo {
display: block;
}
}
}


- Thanks

Rifat Wahid Alif - Staff

More than a month ago #Permalink
Hi,
What's your screen size?

- Thanks

teddirez

More than a month ago #Permalink
Every size up to 768 from what I can tell.
visit aaspeech.com.au
Open Console in Chrome and hit Ctrl+Shft+M.


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

326986

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us