Site Title in Mobile View

Volker
asked 3 years ago

Hi, just started to work with this great theme. Quick question: Is it possible to have the site name being visible on top of the site, just next to the menu selector? Following the mobile first idea it would be great if the user can see the name of the site on top while starting with the post overview.
Thanks a lot for your support.

5 Answers

DominicStaff
answered 3 years ago

Please let me know the position that you want to show site title, you can send me a screenshot for further checking.

V SC
answered 3 years ago

Hi, please find attached the picture. Would be great to chose font and size etc. too.

DominicStaff
answered 3 years ago

You can add the following code to the style.css file or Customize > Additional CSS

.mobile-logo.site-title {
    display: inline-block;
    margin-top: 10px;
    margin-left: 20px;
}

.mobile-logo.site-title h1 {
    font-size: 16px;
    margin: 0;
    color: #fff;
}

Then Open the wp-content/themes/dw-minion/inc/extras.php file and add the following code under line 251:

<div class="mobile-logo site-title"><h1><?php echo get_bloginfo( 'name' ); ?></h1></div>

V SC
answered 3 years ago

Thanks, works great in mobile view now. Problem is, that it is visible in desktop view also.
Sorry, I am more a user of the theme than a CSS coder. Tried to find element information to hide the site title in desktop view, but no luck.

DominicStaff
answered 3 years ago

You can use the following CSS code:

@media (min-width: 768px) {
    .mobile-logo.site-title {display: none;}
}

@media (max-width: 767px) {
    .mobile-logo.site-title {
         display: inline-block;
    }
}
.mobile-logo.site-title {
    margin-top: 10px;
    margin-left: 20px;
}

.mobile-logo.site-title h1 {
    font-size: 16px;
    margin: 0;
    color: #fff;
}

V SC
answered 3 years ago

Hi, thanks a lot. Now it works perfectly!