Gallery / Folder Info Text Size

camhabib · May 30, 2015

I'm sure this has been asked here before but I tried a search and came up with nothing.

I'd like to change the font size of the header text (aka the name of my site) just on the mobile version of my site. Any help on how to do this, or if it's even possible? Thanks.

Lille Ulven · May 31, 2015

You mean your logo-size? If so, this could work:
Add the following CSS to a CSS blog on "entire site"-level:

@media only screen and (max-width: 600px){
.sm-page-widget-logo-text h1 {
font-size: YYpx; /*replace the YY with your preferred font-size, you could also give it in percent if you changed the "px" into "%" */
}
}

Good luck

Lille Ulven

camhabib · May 31, 2015

Did the trick, thanks!

One other somewhat related issue I'm having (to mobile browsing at least) is that my background image (slideshow) extends behind the menu bar up top, cutting off about 1/3 of the image. Is there any way to make the slideshow images start at the bottom of the menu bar, instead of at the top of the screen behind the menu?

Lille Ulven · May 31, 2015

Perhaps this could do the trick for you:

@media only screen and (max-height:680px) {
  .sm-slideshow-image  img {
    border-top: 175px;   
  }
}

Good luck

Lille Ulven

camhabib · May 31, 2015

That didn't seem to do it. It's not a slideshow element on the home page, but just the background set to rotate a random image. Is there any way of setting the background width to 100% maybe? It seems to extend off the sides to fill the height.

Gallery / Folder Info Text Size

Comments