-
Posts
-
Hi,
I notice it says to use a bigger logo you might have to effect the style.css to get it all to line up properly. I notice past the suggested size it gets cropped when down to the mobile size when I tinker with it. If I want the logo to be say, 350 x 145 pixels and still work dynamically and all line up what would I need to do CSS wise? Thanks a bunch this theme is the best, this client is a pain. ;)
Tony
Sure, sorry should have done that right off. It’s a test site right now parked at: http://kristencooper.com/ctt/
See that animated gif logo up top? The client thinks it’s way to small, I have sized it into the suggested spec here. When I had it bigger it cropped off on the right side on the mobile sized version.
Any suggestions would be mucho appreciated.
Tony
Try adding this code to the Quick CSS:
@media only screen and (min-width: 989px) { .logo, .logo img { width: 405px; } }You may need to increase the size of the source image.
Cheers!
JosueThat seems to change the size in the full screen version, and on the mobile it scales down but still crops off behind the menu drop down, and on the tablet size it doesn’t scale at all. If there a way to set a specific width on the mobile and tablet size in the responsive layout?
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { height: 65px !important; top: 4px; } }Cheers!
JosueThat works great on the mobile size, however when I simulate and iPad at BrowserLab the menu stays as it is on the full screen version and the logo doesn’t scale down a bit and hence they overlap. Any way to effect tablet sizes so the logo os smaller there as well? I’m going to move some more of the menu up to the top menu position, that will help as well.
Thanks a bunch,
Tony
Try adding this too:
@media only screen and (max-width: 989px) { .main_menu, #header_main_alternate{display:none;} .container #advanced_menu_toggle, #advanced_menu_hide{display:block;} #mobile-advanced{display:block;} }That way the mobile menu will appear sooner (989px width).
Cheers!
Josue
- The topic ‘How to make logo bigger with style.css’ is closed to new replies.