Archived topic
The code to resize a mobile header doesn't work
9 replies · Started by Lukasz on May 6, 2020
Hi,
I've uploaded the mobile header in .svg format. I would like to resize it. So I'm using the piece of code
.mobile-header-navigation .mobile-header-logo img {
width: 120px;
}When I added the code to Additional CSS (wordpress panel) it works fine. But when I've added it to css. file to my child theme it doesn't work.
Does someone has a similar problem?
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
I've added the link
It requires a password to view.
Can you provide it here?
I've added the password in the url link field. Do you see that?
Try this CSS:
@media (max-width: 768px) {
.mobile-header-navigation .site-logo.mobile-header-logo img {
width: 120px;
}
}hm, I'm using the following code (this is entire code for @media (max-width: 768px))
@media (max-width: 768px) {
.main-navigation.toggled .main-nav li.social-icon {
display: inline-block !important;
}
.mobile-header-navigation .mobile-header-logo img {
width: 120px;
}
}and unfortunately it doesn't work if I upload it via child theme (worth to mention that rest of code in css file works till now except that)
Your code is getting overwritten.
Have you tried replacing it with my code?
I've tried and it works flawlessly. Thank you!
No problem :)
