Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #848786

    Dear Support,
    The burger menu does not stay in fixed position on small screens when
    the shrinking header option is enabled. Please see the screen shots below.

    This is how it should look like all the time
    https://drive.google.com/open?id=0B4frn1KZIMB8M1R2dnVrUkE2UEk

    This is how it looks when scrolling
    https://drive.google.com/open?id=0B4frn1KZIMB8MVBpZDFBSFBSVnM

    Sometimes it gets stuck like that
    https://drive.google.com/open?id=0B4frn1KZIMB8ajJmWnJnWmliNzQ

    Options enables are the following
    https://drive.google.com/open?id=0B4frn1KZIMB8Y0ZoZFdEaXlIOG8

    Can you have a look at it please?

    Thank you for your help,
    MD

    • This topic was modified 7 years, 3 months ago by midudek1.
    #849222

    Hey midudek1,

    I checked your site and used chrome’s device mode and set it to iphone and I don’t see anything wrong, also the burger menu isn’t sticky on mobile as it is in desktop even when set in the Header settings.

    Best regards,
    Nikko

    #851278

    Dear Nikko,
    Sorry for the late reply.

    You can reproduce it with following steps:
    1.) open the page using desktop machine
    2.) go to the bottom of the page
    3.) minimize the window so the mobile version will kick in
    4.) go to top of the page

    Please take into account that not every time the behavior will be reproduced. Please use the desktop browser with minimized window. You will notice that the burger menu is moving when scrolling. I would like to disable that when the size of the screen is less than 767px.

    Best regards,
    MD

    #851866

    Hi,

    Did you create or add any custom script? The height and line-height of the burger link is dynamically changing on scroll.

    <a href="#" style="height: 110px; line-height: 110px;" data-slimstat="5">
    							<span class="av-hamburger av-hamburger--spin av-js-hamburger">
    					        <span class="av-hamburger-box">
    						          <span class="av-hamburger-inner"></span>
    						          <strong>Menu</strong>
    					        </span>
    							</span>
    						</a>

    There’s also an attribute called “data-slimstat”? What is that for?

    Best regards,
    Ismael

    #851932

    Dear Ismael,
    Thank you for your help.

    No, it does NOT have custom values / fields. It also does NOT have any custom scripts. The is just one JS function in ‘functions.php’ which is responsible for hiding the logo … but it is very simple and it does not affect anything else but logo. You can look at it in the WP editor which I have enabled for that purpose so you can see everything.

    Child theme files:

    functions.php
    screenshot.png
    single.php
    style.css
    

    The “slimstat” is quite popular plugin for site statistics
    https://wordpress.org/plugins/wp-slimstat/

    Best regards,
    MD

    • This reply was modified 7 years, 3 months ago by midudek1.
    #852432

    Hi,

    What is the js script again? I can’t see it anywhere. Please post the login details here so that we can check it.

    Best regards,
    Ismael

    #852463

    Dear Ismael,
    You have the login details in the first post. The JS you will see in the function.php.

    Best regards,
    MD

    #852795

    Hi,

    We added the following css code in the style.css file to keep the mobile menu from moving.

    .av-burger-menu-main.menu-item-avia-special a {
        height: 200px !important;
        line-height: 200px !important;
    }

    It’s not supposed to move by default.

    Best regards,
    Ismael

    #853338

    Dear Ismael,
    Thank you for your help. It is default installation of enfold as you could see which means there is a problem in the theme.

    Now the “search” icon is moving … and I just managed to make it stuck as shown in my first post.

    Best regards,
    MD

    • This reply was modified 7 years, 3 months ago by midudek1.
    #853730

    Hi,

    t is default installation of enfold as you could see which means there is a problem in the theme.

    This is not happening on our installation so it’s probably cause by a custom modification or a plugin. Did you try the css code?

    Best regards,
    Ismael

    #853977

    Dear Ismael,
    The definition of yours are already in the ‘style.css’ and still I am able to get the seach icon to get stuck.

    Best regards,
    MD

    #854224

    Hi,

    We included the search icon in the css declaration.

    #menu-item-search a, .av-burger-menu-main.menu-item-avia-special a {
        height: 200px !important;
        line-height: 200px !important;
    }

    Best regards,
    Ismael

    #856247

    Dear Ismael,
    It does NOT work.

    The solution provided by you works ONLY on mobile, but it you go back to desktop version and scroll the search icon is not in the right place.

    How to reproduce:
    1.) open normally the page with the desktop browser with normal resolution
    2.) scroll to the middle of the page

    Can you have a look at it?

    Best regards,
    MD

    • This reply was modified 7 years, 3 months ago by midudek1.
    #856349

    Hi,

    Please add this code below the previous one.

    #top .header-scrolled #menu-item-search a {
        height: 100px !important;
        line-height: 100px !important;
    }

    This code is going to be applied when you scroll down.

    Best regards,
    Ismael

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