Kath_HampersFor Posted April 1, 2022 Share Posted April 1, 2022 Site URL: https://www.hampersfor.com.au It doesn't seem to matter what combination of codes i use or if I reduce the text size in the announcement bar through the mobile site styles - it reduces the global text size too. Is there a simple CSS code that can fix this issue - otherwise it looks odd in mobile view. LASTLY: is there a simple code to increase the logo size in mobile view, again, everything i try doesn't seem to work. (website is live) Link to comment
Kath_HampersFor Posted April 1, 2022 Author Share Posted April 1, 2022 Ok, while waiting for one of the techies to respond I tweaked a code that i had and it worked: @media screen and (max-width:640px) { .sqs-announcement-bar-dropzone p { font-size: 12px; } } It may work for you, I am using 7.1. tuanphan 1 Link to comment
tuanphan Posted April 2, 2022 Share Posted April 2, 2022 is there a simple code to increase the logo size in mobile view, again, everything i try doesn't seem to work. Use this CSS /* mobile logo size */ @media screen and (max-width:767px) { .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; } } 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
Create an account or sign in to comment
You need to be a member in order to leave a comment