Okay
  Public Ticket #1464398
Horizontal Scrollbar & Sticky Menu issues
Closed

Comments

  • agenturirrlicht started the conversation

    Hello,

    in general very great theme, but I have two major issues that I cannot figure out by any meaning:

    1.) When I just add regular text through the WPBakery Page Builder the text does not adapt to the mobile device and I get a horizontal scrollbar that enables me to go to the right site of the mobile version / x-axis for at least 200px.

    In the demo on the Kalium website this isnt the case at all.

    For example: http://www.agentur-irrlicht.de/datenschutz/

    Please see attachment.

    2.) On the mobile version the sticky header creates a gap of at least 50px between the logo and the burger menu icon/word Menu once I scroll down as you can see on a mobile device like in the attachment.

    In the demo on the Kalium website this isnt the case at all.

    For example: http://www.agentur-irrlicht.de/datenschutz/

    3.) The Google Theme Color does not work at all.


    4.) Is the backend of Kalium supposed to be fully available in german language along with all the translations for like "Search..." or is it just the translations for frontend items?

    Neither of them is working with my theme, although I have switched the main Wordpress language to German.

    Could this be the case because I imported some Demo content that is in English?

    Thanks a lot,

    Best,

    Stefan

  • [deleted] replied

    Hi Stefan,

    1) Reason is that your content isn't in right way the html works, you should have some breaks and spaces etc to not have long strings as you can see on the image below.


    (view large version)

    2) Please consider reading the article we wrote about Setting Sticky Header you will find section 'Vertical padding when sticky header is active'.

    3) On my mobile is working.


    (view large version)

    4) Please consider reading the article we wrote about Translating Kalium with Loco Translate.

    Thank you.

  • agenturirrlicht replied

    Hi Eroll,


    thanks for your reply.

    But can vertical padding really be the reason for the logo and the menu icon being almost 50px apart from each other?

    And what can I do about the long strings? How to break a long hyperlink for example?

    Shouldn‘t t hide the overflow anyways?


    Thanks a lot

    Best

    Stefan


  • agenturirrlicht replied

    Hi again Eroll,

    I need specific help for my bullet point number 2.) as the error of the sticky -mobile- menu continues.

    As soon as I scroll down -mobile- the gap between the logo and the menu icon gets at least 80px big.


  • agenturirrlicht replied

    It must be a Flexbox CSS bug in the Kalium theme.

  • [deleted] replied

    Hi Stefan,

    I found out that the code you have added should be modify to make things work. Please replace the code below.

    @media screen and (max-width: 769px) {
        .header-logo.logo-image {
            width: 116px !important;
            height: 25px !important;
        }
    }
    

    Thank you.