Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 6, 2017 at 5:50 pm #848786
    midudek1

    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, 2 months ago by midudek1.
    September 7, 2017 at 8:53 pm #849222
    Nikko

    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

    September 12, 2017 at 11:36 pm #851278
    midudek1

    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

    September 14, 2017 at 7:12 am #851866
    Ismael

    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

    September 14, 2017 at 9:32 am #851932
    midudek1

    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, 2 months ago by midudek1.
    September 15, 2017 at 9:47 am #852432
    Ismael

    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

    September 15, 2017 at 10:35 am #852463
    midudek1

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

    Best regards,
    MD

    September 16, 2017 at 6:24 am #852795
    Ismael

    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

    September 18, 2017 at 10:34 am #853338
    midudek1

    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, 2 months ago by midudek1.
    September 19, 2017 at 7:20 am #853730
    Ismael

    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

    September 19, 2017 at 6:02 pm #853977
    midudek1

    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

    September 20, 2017 at 7:34 am #854224
    Ismael

    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

    September 24, 2017 at 9:52 pm #856247
    midudek1

    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, 2 months ago by midudek1.
    September 25, 2017 at 7:21 am #856349
    Ismael

    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

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