Zakra 4 mobile view issues

  • Resolved purissimo

    (@purissimo)


    3 months ago

    Hi there,

    I recently switched one of my websites to Zakra 4 and encountered 3 issues:

    • Although I have activated the search function, in mobile view there is only the hamburger menu icon, instead of the combined hamburger/search icon
    • The #masthead has a light grey background-color, presuably inherited from
      body:not(.tg-container--separate) #page {
      background: #FAFAFA;
      }
    • There is some white space between #masthead and the banner, probably due to padding-top from
      .zak-content .zak-row {
      flex-direction: column;
      padding-top: 3.75em;
      padding-bottom: 3.75em
      gap: 3.75em;
      }

    For the first issue I ask you for help, whereas the following two issues I can solve myself with css. They are only for your information in case they are bugs of zakra 4.

    Thanks & kind regards

    • This topic was modified 3 months ago by purissimo.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @purissimo.

    Thanks for writing us.

    Although I have activated the search function, in mobile view there is only the hamburger menu icon, instead of the combined hamburger/search icon

    ==> The search icon has been removed from the toggle button as it caused confusion to many users. The search form is still available inside the toggle button.

    The #masthead has a light grey background-color, presuably inherited from

    ==> You can change the background color in the header from the customizer, navigate to Appearance
    > Customize > Header & Navigation

    There is some white space between #masthead and the banner, probably due to padding-top from

    ==> Thanks for pointing the issue out regarding the space, I will pass the information to our development team

    Let me know if you need any more information and I will get back to you.
    Regards!


    Thread Starter purissimo

    (@purissimo)

    Hi Rohit,

    Thanks for your help and information. Now there is only the third issue with the space left. Please tell me, if your development team could replicate it and will fixed it in the next Zakra version. Otherwise I will fix it myself with CSS.

    Kind regards!

    You can apply the required CSS for now, and we will soon release an update with the fix.

    Thread Starter purissimo

    (@purissimo)

    Thank you, Rohit!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.