Hello there, I need to get back to this subject.
Mike had helped me to fix the css issue at this topic: https://kriesi.at/support/topic/strange-character-wrong-icons/
But the mobile menu got wrong after this update – please access the site and minize the screen so you will be able to access the mobile version – you will see a big white area over the menu.
Plus, that strange character is still there – and I had removed the RD Station code from the page.
Can anyone take a look, please?
Hey PIW,
Do you have a screenshot of what the end result should be?
Best regards,
Jordan Shannon
Sure thing, see the private area.
The menu icon was near the logo and we should see the slider near the logo – that big white area never appeared before.
The problem looks to be here:
@media only screen and (max-width: 767px)
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
height: 80px;
line-height: 80px;
}
Both height and line-heigh are dashed – IOW, they are not being computed.
If I add a max-height 100px, I can start to fix it, but I want to know what is causing this
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 768px) {
.av-logo-container .inner-container {
height: auto;
}}
Best regards,
Yigit
Hello Yigit.
Worked as a charm. Thanks for the help.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon