I don't know when did it happen, but all my fonts' configuration is lost. I see that if I don't configure the tipography with the tab Tipography, it does not work anymore. Is there anyway to get the fonts configuration back? (I'm doing it manually)
Another issue: on mobile devices, the hamburger menu appears now below the logo, and not in the same line as it was previously. And when I tab on it, the menu sidebar hides the cross that let you close the menu. Can you hel me with this?
And: the autotype element is no longer 30 px, but 20px, even though I have on my CSS:
I've seen that instead of just " .auto-type-element" I have to put on my CSS ".wpb_wrapper .auto-type-element", and I have add the fonts I needed within the tipography tab.
But there is still an issue on my smartphone, see what happens when I scroll down to the sticky hamburger menu (see attached).
I've added this (see below) because first it happpens also when I opened the web and I haven't scoll down yet:
/* menu hamburguer que se posicione bien en movil*/ .menu-bar { margin-left: 10px!important;
}
But when I scroll down the problem persist
And I have set the maximun size of the logo on mobile to 185px
Hi, Illy, sorry I didn't answer sooner but I did not see the message.
Strange, it still happens to me, I hope almost everybody else see my web as you do! (I've check also in a Samsung galaxy and the hambuerger icon also goes down as I scroll down)
Is there anyway to make the logo appear bigger than 153 px on tablets?
Sorry but there is not any option to change the logo size for the tablets only. You can do that only through theme customizations but we don't recommend you to do that.
It's strange because I now checked your site on a old phone and your logo is showing in line with the menu.
Can you please tell me the name of the browser that you are trying to visit your page, and from what phone?
I've got an iPhone 6S with iOs 11.0.3, and I've checked also in a Samsung Galaxy S4 with Android 5.0.1 (here the logo scroll just a litle bit, not so much as in the iPhone)
It's true than when Chrome simulates the different devices this just don't happen....
The latest version of iOS is 11.2.5 so maybe the problem is that the iOS is not updated because with the OS the Safari browser is updated too.
I can see that you are using an very old Android version, but what browser are you using on your Android phone? The default browser or Google Chrome for Android?
It's very hard to help on this specific "issue" because I can't replicate your problem in any of my devices.
Samsung Phone: That is happening because the native Samsung browser that you are using is very old an it not updated to support CSS3, HTML5 and other new technologies.
As for the iPhone, can you please tell me what iPhone device you are using 5S? Also please send me a new screenshot from your iPhone device.
Hello:
I don't know when did it happen, but all my fonts' configuration is lost. I see that if I don't configure the tipography with the tab Tipography, it does not work anymore. Is there anyway to get the fonts configuration back? (I'm doing it manually)
Another issue: on mobile devices, the hamburger menu appears now below the logo, and not in the same line as it was previously. And when I tab on it, the menu sidebar hides the cross that let you close the menu. Can you hel me with this?
And: the autotype element is no longer 30 px, but 20px, even though I have on my CSS:
@media screen and (max-width: 768px) {.auto-type-element {
font-size: 30px !important;
line-height: normal;
}
.auto-type-element span.block {
background: #000;
color: #fff;
padding: 0px 8px;
}
}
Thank you!
Sira
Hi Sira,
1 and 2— Please read this article Custom CSS and Typography changes (from Kalium 2.0 and 2.1).
If you still have any problem on this section please try to be very specific and explain us more the problem that you are having.
Thank you!
Thanks, Illy,
I've seen that instead of just " .auto-type-element" I have to put on my CSS ".wpb_wrapper .auto-type-element", and I have add the fonts I needed within the tipography tab.
But there is still an issue on my smartphone, see what happens when I scroll down to the sticky hamburger menu (see attached).
I've added this (see below) because first it happpens also when I opened the web and I haven't scoll down yet:
But when I scroll down the problem persist
And I have set the maximun size of the logo on mobile to 185px
Thank you and best regards!
Sira
Hi Sira,
I just checked this on my browser (small screen) and on my phone but I can't replicate your problem. Have you fixed this problem please?
Thanks!
Hi, Illy:
No, I did'nt, I don't know how to fix it! :(.
Kind regards
Sira
Hi Sira,
I just checked this again on my iPhone and the same problem doesn't happen to me as you can see on this video https://d.pr/v/GcTru8.
I also tested this from my browser and the problem is not happening https://d.pr/v/jZ17Fn.
I made this change just in case https://d.pr/v/KsvqEh.
Hope that this fixes the problem for you too.
Hi, Illy, sorry I didn't answer sooner but I did not see the message.
Strange, it still happens to me, I hope almost everybody else see my web as you do! (I've check also in a Samsung galaxy and the hambuerger icon also goes down as I scroll down)
Is there anyway to make the logo appear bigger than 153 px on tablets?
Thanks and best regards
Sira
Hi Sira,
Sorry but there is not any option to change the logo size for the tablets only. You can do that only through theme customizations but we don't recommend you to do that.
It's strange because I now checked your site on a old phone and your logo is showing in line with the menu.
Can you please tell me the name of the browser that you are trying to visit your page, and from what phone?
Thanks!
Thanks again, Ylli
I've got an iPhone 6S with iOs 11.0.3, and I've checked also in a Samsung Galaxy S4 with Android 5.0.1 (here the logo scroll just a litle bit, not so much as in the iPhone)
It's true than when Chrome simulates the different devices this just don't happen....
Best
Sira
Hi Sira,
The latest version of iOS is 11.2.5 so maybe the problem is that the iOS is not updated because with the OS the Safari browser is updated too.
I can see that you are using an very old Android version, but what browser are you using on your Android phone? The default browser or Google Chrome for Android?
It's very hard to help on this specific "issue" because I can't replicate your problem in any of my devices.
Thanks!
Hi Ylli:
In the Samsung the browser is the default one.
I have updated my iPhone to the latest iOS version and it still happens...
Thanks!
Sira
Hi Sira,
Samsung Phone: That is happening because the native Samsung browser that you are using is very old an it not updated to support CSS3, HTML5 and other new technologies.
As for the iPhone, can you please tell me what iPhone device you are using 5S? Also please send me a new screenshot from your iPhone device.
Thanks!
Hi, Ylli:
My iPhone is an 6s iPhone, updated (understood the Samsung problem).
I send you two screenshots that I've just taken, one as the web appears when I get into and the other when I scroll down.
Thanks!
Kind regards,
Sira
Hi Sira,
I added this CSS code on your Custom CSS area:
@media screen and (max-width: 769px) { .header-logo.logo-image { height: 41px !important; } }Can you please confirm if the problem is fixed now? Thanks!Hi, Ylli:
You can set this ticket as close! :)
Thank you very very much
Have a nice rest of the week,
Sira
Glad to hear that the problem is finally solved
Will set this ticket as solved from here.