Hi,
tried to add following code to custom css, but it doesn`t the resize the icon on smaller screens.
@media only screen and (max-width: 989px) {
.av_font_icon .av-icon-char {
font-size:30px!important;
line-height:30px!important;
width:30px;!important;
}
}
defualt size is 60px every where.
any ideas what to do/change?
http://www.radparken.at on the home screen.
Thx
Matthias
Hey Matthias,
That CSS should work, did you select to delete the old CSS and JS files under Enfold->Performance before checking the results?
Best regards,
Rikard
Hi Rikard,
doesn`t change anything.
Other thoughts?
Thx
Matt
Hi msc4812,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
There is an error in that css.
Best regards,
Victoria
Hi,
Thanks for that. I couldn’t find the CSS in the Quick CSS box, so I added it to the top and it’s applying now. Please review your site.
@media only screen and (max-width: 989px) {
.av_font_icon .av-icon-char {
font-size:30px !important;
line-height:30px !important;
width:30px !important;
}
}
Best regards,
Rikard
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi msc4812,
Great :)
We are closing the thread. If you need further assistance please let us know in a new one.
Best regards,
Victoria
