Hi support team, thanks for the nice template! Maybe you could help me
1. I have chosen the header-layout-option “logo right-menu below”. When i switch to the mobile View the Menu Icon is overllapping the logo. Is there a quickfix for it?
2. Can i replace the “mobile-menu-icon with the word “menu” or an other icon?
Hey dondela!
1- Can you post the link to your website so we can take a look?
2- Please add following code to Quick CSS in Enfold theme options under Styling tab
#advanced_menu_toggle, #advanced_menu_hide { line-height: 32px; }
.av_header_transparency #advanced_menu_toggle:before { content: 'menu'; font-size: 14px; }
Cheers!
Yigit
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
float: right;
}}
Best regards,
Yigit
Thank you,
that fixes the overlapping menu :-)
The other css replaces ALL icons on the page, not only the menu icon.
Hey!
My bad, i have edited the code i posted here https://kriesi.at/support/topic/logo-right-mobile-menu-overlapping/#post-236358
Please try it now
Best regards,
Yigit
Htm tried the new code, now nothing is happening-still the same menu-icon.
On more thing:
You see the progress bars on the homepage? If you switch to mobile-view the bars overlap if there is too much copy in it.
Hey!
Do you mind creating a temporary admin login and posting it here privately so i can take a look?
Regards,
Yigit
Hi!
Please review your website now. You can find the custom CSS code i added in the bottom of Quick CSS section
Regards,
Yigit
Thank you Yigit!
Great support, can’t be better :-)