-
Posts
-
Hi Folks,
new question: I’ve placed the word „menü“ beside my burger-menu…so far so good.
But in the “mobile view” the word wanders to near to the customer-logo on the left side.
Or better say – the complete right side wanders just into the customer-logo. How can I
change/fix that?Best regards
CarstenHey Carsten,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .logo img { margin-top: 10px; width: 90%; } } @media only screen and (max-width: 767px) { .responsive .logo img { margin-top: 10px; width: 70%; } }I think the word “menu” should be hidden in portrait mode on mobile.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
thx for your reply! It works quite nice in “landscape-mode”, but in “portrait-mode”
we must touch up a little bit, don’t you think so? Please, take a look at the screenshot.I agree with you, that the word “menu” should be hidden in portrait-mode! But how
do I do that? I have follow css-snippet in my quick-css-field:
———————————————————————
/*————————*/
/* Add word menu next to hamburger icon
/*————————*/
.av-hamburger strong {
display: block!important;
position: absolute;
left: -90%;
top: 0;
font-size: 16px;
transform: translate(-80%, -46%);
}
———————————————————————
I think I need a further command here, but which? I’m sure, you’ll know it. :)Best regards
CarstenHi,
You have following custom CSS code
.avia-menu.av_menu_icon_beside { padding-right: 35px!important; margin-right: 28px!important; border-right-width: 2px!important; border-right-style: solid!important; }Please change it to following
@media only screen and (min-width: 480px) { .avia-menu.av_menu_icon_beside { padding-right: 35px!important; margin-right: 28px!important; border-right-width: 2px!important; border-right-style: solid!important; }}Best regards,
YigitGood evening Yigit,
thx for your reply! But unfortunately your new css-snippet don’t hide
the “menu-word” in the portrait-mode and because of that, the social-
icons are not showing. Please, take another look at the site or at the
new screenshot. At landscape-view it works good. So, hopefully there’ll
be another way for the portrait-Mode.Best regards
CarstenHi Carsten,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) { #top .av-hamburger strong { display: none !important; } }If you need further assistance please let us know.
Best regards,
VictoriaGood evening Victoria,
thx for your new entry and sorry for my late reply!
Your snippet works good…thx for it! But your max-width was
a little bit to small. I had to raise the width to 800px.But I don’t know why, now the social-media-icons doesn’t show
up anymore. Or in other words – at the moment the icons are in-
visible, but they’ re still there. Only the hover is showing up. What
can be here the problem?Thx forward for your new help!
Best regards
CarstenHi Carsten,
Please replace the content of enfold\framework\php\function-set-avia-frontend.php with https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_6_3/framework/function-set-avia-frontend.php in Appearance > Editor
Please do not forget to make a backup of the original file for fallback and clear server and browser cache.
If you would like us to update the file for you, please create temporary admin logins and post them here privately :)
Best regards,
YigitHi Yigit,
thx for your new reply and the information! And thx also for your offer,
but I did replace the php-file already. :) And – it works…yippi! :)But why did this happen at all? How can the php-file change without
any theme-update so suddenly? The last update I’ve made was the
last wp-update and nothing more! Very strange, isn’ it? Is there any
logic explanation? I really would like to understand it!And at last – unfortunately the social icons are still not showing in the
portrait-mode. Would you please so kind to look again at this point?
Thank you.Best regards
CarstenHi,
1- You can read Günter’s original post here – https://kriesi.at/support/topic/social-buttons-broken-with-wp-5-3-1-update/page/2/#post-1166096
2- Social icons are hidden on mobile by default to save space but you can add following code to Quick CSS to display them
@media only screen and (max-width: 480px) { .responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks { display: block; }}Best regards,
YigitHi Yigit,
thank you for your superfast reply! :)
Wow, on this example we can see, how comprehensive and complicated
the interaction between WP and Enfold is, isn’ it? In germany we say to
that:”every day a new sow is driven through the village!” ;)Aah, I see…I figured that’s why the icons didn’t show up. But with your
snippet they’re there again…great!For the moment I think we’re finshed…thank you very much again to all
of you!! See you soon… :)Best regards
CarstenHi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)Best regards,
Yigit
- The topic ‘Burger-menu-problem in mobile view: the word „menü“ is too near to the logo!’ is closed to new replies.