Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1031269

    Hi
    I have a few issues with the site below:

    1. on mobile, I want the max-width to be 100% instead of 90% as it seems to be now. I tried variations of this css without success:

    @media only screen and (max-width: 767px) and (max-width: 1024px){
    .responsive #top #wrap_all .container {
        width: 100%;
        max-width: 100%!important;
    }}

    2. I want to force the burger menu on tablets since my text menu overlaps the logo. I found this on another thread, but it doesn’t work for me:

    @media only screen and (max-width: 1024px) {
      nav.main_menu {
        display: block !important;
      }
      #avia-menu .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block;
      }
    }

    3. Also on ipad, I have anchor links on a secondary menu on the 2nd page listed below, but on the ipad the links land too low – below the heading. It’s fine on the PC. I looked through the support and found some threads – add this code to functions.php on my child theme, but nothing changed:

    // custom script
    add_action( 'wp_footer', 'ava_custom_script' );
    function ava_custom_script() {
    ?>
    <script type="text/javascript">
    (function($) {
      function a() {
          $('#top #header .av-main-nav > li').on('click touchstart', 'a', function(e) {
              if( $(window).innerWidth >= 1025 ) return;
              var anchor, loc, cur, hash, tab, parent, pos;
              anchor = $(this).attr('href');
              hash = anchor.substring(anchor.indexOf('#')).replace(/\#/g, '');
              anchor = $('.avia-section[id='+ hash +']');
              pos = anchor.offset();
    	
              if(hash) $(window).scrollTop( pos.top - 100 );
          });
      }
    
      a();
    })(jQuery);
    </script>
    <?php
    }

    Can you help me with these issues?
    thanks very much
    Nancy

    • This topic was modified 1 year, 4 months ago by  Munford.
    #1033050

    Hey Munford,

    Thank you for contacting us. I checked your site for the issues and found the below:

    1. At 989px the boxed layout fills 100% please see screenshot attached. have you tried to clear the cache?

    2. If the menu items overlap the logo please check the below link for a possible solution

    3. Please open a different ticket for different issues which are not related so it is easy to provide you with a solution and keep the content related to the main topic.

    Best regards,
    Vinay

    #1033063

    oh wait, now I can. strange.
    I can’t see your replies to 1 & 2 at all:

    View post on imgur.com


    ??
    1. I cleared the cache.
    2. I know how to do menus – the issue was the burger menu was not displaying on the ipad as I expected it to. I have the “burger menu for mobile & tablets” selected, but that is not what I was seeing, after clearing the cache many times.

    regarding #3 – it was also an ipad issue on the same site, but I will put it in another thread.
    thanks for your help
    Nancy

    • This reply was modified 1 year, 4 months ago by  Munford.
    #1035608

    Hi Nancy,

    The error is in this line

    
    anchor = $('.avia-section[id=' + hash +']');
    

    Try doing like this:

    
    var selector = '.avia-section[id=' + hash + ']';
    anchor = $(selector);
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

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

You must be logged in to reply to this topic.