Mobile logo - Forum | JoomShaper
Solved Templates

Mobile logo

Asked by Jo 5 years ago Last activity 5 years ago

Hello

On this website https://tidybooks.co.za/ when viewing it on a galaxy fold. The logo at the bottom does not fit in nicely. How can I correct this?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
5 years ago · edited

Hi
Use this custom css


@media only screen and (min-width: 280px) and (max-width: 653px) {  
#sppb-addon-1567762716679 img {
    position: relative;
    right: 30px;
}
}

Adjust the position now.
Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

9 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
5 years ago

Hi
Could you please give me a screenshot of your issue?

Jo Asked this
5 years ago

Any feedback?

Jo Asked this
5 years ago

Is your printscreen from a galaxy fold?

Mehtaz Afsana Borsha Staff
5 years ago

For galaxy you can use this codes

@media only screen and (max-width: 55.75em) {
   .......................
}
@media (min-width: 48em) and (max-width: 64em) and (orientation: landscape) {
  ....................
}
@media only screen and (min-width: 41.75em) and (max-width: 47.9375em) {  
 ..............
}
Jo Asked this
5 years ago

If you inspect as galaxy fold. You will see what I mean.

Is this fixable?

Log in to reply.