Hello Team Kriesi,
I’ve been assisted from your team a lot and I really appreciate it.
I’d like to manually adjust the logo size. I’ve figured out how to adjust the logo size by changing padding values when the screen is 768px to 989px. Can I do the same thing when it’s full screen?
Below is the Quick CSS code I’ve got so far.
.html_header_sidebar #top #header {
width: 208px;
}
.html_header_left #main {
margin-left: 208px;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_header_sidebar .logo {
padding: 38px !important;
}}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_header_left #main {
margin-left: 160px !important;
}
.responsive.html_header_sidebar #top #header {
width: 160px !important;
}}
I look forward to hearing from you.
Thank you.
Brandon
Hi omnivoroussoon!
You have the correct code for changing the padding. Just add another section like so to target the other sizes.
@media only screen and (max-width: 3000px) and (min-width: 968px) {
.responsive.html_header_sidebar .logo {
padding: 38px !important;
}}
Regards,
Elliott
Hi Elliott,
That’s exactly what I wanted.
Thank you so much!
Brandon