salamanker Posted August 26, 2019 Share Posted August 26, 2019 I've seen many questions on how to hide a subtitle but I'm wondering how to have the subtitle visible on mobile. The subtitle is essential to the page to summarise our various services. Unfortunately customer service could only tell me that the template was designed to hide the subtitle on mobile and to try css? Site is 99% done, unfortunately we only noticed the subtitle missing from mobile view way down the line so we cannot change the template at this point. Using Miller template. Link to comment
tuanphan Posted August 26, 2019 Share Posted August 26, 2019 You mean Tagline? @salamanker Add to Home > Design > Custom CSS a.Mobile-bar-branding:after { content: "Tagline"; display: block; margin-top: 10px; font-size: 15px; color: #ff0000; } If it doesn't work, please share site url, and take screenshot sub title what you say. Reference: https://beaverhero.com/miller-squarespace/#ShowTaglineon_Mobile Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
salamanker Posted August 26, 2019 Author Share Posted August 26, 2019 @tuanphan Thank you so much! That worked perfectly. How would I then now make the font match the web version? Link to comment
tuanphan Posted August 26, 2019 Share Posted August 26, 2019 @salamanker add: font-family: font-name,eg a.Mobile-bar-branding:after { content: "Tagline"; display: block; margin-top: 10px; font-size: 15px; color: #ff0000; font-family: futura-pt; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.