Site looks weird on mobile

Linda H
asked 11 years ago

Hi!
Thanks for a great theme! However, my site looks very strange on mobile devices, the header logo disappears and the left sidebar is cropped. Is there any way to show the header logo (that I manually put in) and place the left sidebar at the bottom? And remove the black bar? Thanks!

2 Answers

Kido D
answered 11 years ago

Hi Linda,

To resolve this issues, please open up 2 files in Minion theme folder, header.php & footer.php.

Then move the Navigation code from header.php to footer.php as shown in the screenshots below:

header.php:

footer.php

After that, go to Dashboard / Appearance / Customize / Custom Code, and add the following code to the Header Code section:

<style>
@media (min-width: 1200px) {
.site-main {float: right;}
}
@media (max-width: 767px) {
.site-actions {display: none;}
}
@media (max-width: 1199px) and (min-width: 768px) {
.site-nav {left: 0;}
}
@media (max-width: 1199px) {
.site-nav {width: 100%;position: relative;top: 0;margin: 20px auto;}
}
</style>

Hope that helps!

Linda H
answered 11 years ago

Thanks so much! 🙂