Change Gallery Title Size on Mobile

arcentoni · June 15, 2020

I'm happy with the size of the title of each gallery on web view, but on mobile it's just too big. How can I go about resizing that?

http://adriancentoni.smugmug.com

Hikin' Mike · June 15, 2020

First off, you have this which is forcing the Gallery Title to 34px.

.sm-gallery-cover-title {
    font-size: 34px!important;
}

Never a good idea to use !important. If you need to customize something, it's best to prefix it by using .sm-user-ui. So: .sm-user-ui .sm-gallery-cover-title {font-size: 34px;}

To change the font size for devices smaller than 736px, you need to use a @media:

@media (max-width: 736px) {

  .sm-user-ui .sm-gallery-cover-title {font-size: 20px;}

}

arcentoni · June 15, 2020

Ahhh, thank you for the insight. Gonna try it out now.

Update: worked great, thank you!

Change Gallery Title Size on Mobile

Comments