WooCommerce 3.3 update: Please read this article before you update the plugin.

Okay
  Public Ticket #1455043
Fonts problem
Closed

Comments

  •  6
    Sira started the conversation

    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

  •  752
    Ylli replied

    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!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    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:

    /* 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 

    Thank you and best regards!

    Sira

    Attached files:  hamburguermenu.jpg

  •  752
    Ylli replied

    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!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    Hi, Illy:

    No, I did'nt, I don't know how to fix it! :(.

    Kind regards

    Sira

  •  752
    Ylli replied

    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.

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    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

  •  752
    Ylli replied

    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!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    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

  •  752
    Ylli replied

    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!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    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

  •  752
    Ylli replied

    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!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    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

    Attached files:  IMG_6747.PNG
      IMG_6748.PNG

  •  752
    Ylli replied

    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!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •  6
    Sira replied

    Hi, Ylli:

    You can set this ticket as close! :)

    Thank you very very much

    Have a nice rest of the week,

    Sira

  •  752
    Ylli replied

    Glad to hear that the problem is finally solved

    Will set this ticket as solved from here.

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook