Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #992557

    Hi guys,

    I had a client notice that my mobile menu is not active on the iPad landscape · width: 1024px. Is there a way I can adjust this to show a burger menu? I am also having issues with the title, support text and buttons in the slider on almost all landscape modes . Can you please shoot me some CSS to take care of this?

    Here is the link for responsinator so you can see the issues: http://www.responsinator.com/?url=www.hylandgraphics.com

    Website: http://www.hylandgraphics.com

    #992563

    It seems like almost all landscaped modes are an issue for the title, support text and buttons on the slider. Can we remedy this?

    Issues on the following:

    iPhone eXpensive landscape · width: 734px
    Android (Pixel 2) landscape · width: 684px
    iPhone 6-8 landscape · width: 667px
    iPhone 6-8 Plump landscape · width: 736px

    #992565

    I did activate the burger mere in the settings for all tablets and phones btw. Thanks for your help! :)

    #992725

    Hi,

    Thanks for the feedback, so you got your problems fixed? If not then please let us know.

    Best regards,
    Rikard

    #992927

    No neither of the issues have been fixed? I was just mentioning that I am still having the issues despite activating the burger menu setting. If you can please still take a look at both the slider issue and the menu issue I would appreciate it.

    #993955

    Hi guys, Any word on this? I posted 5 days ago? Thanks!

    #994305

    Hi hylandgraphics,

    Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #994479

    The CSS provided did not help at all? I did not mean to respond again before you did but it had been 5 days since my original thread was not properly handled or there was confusion that I had fixed it somehow and I felt like it got skipped.

    What you posted in the private data area is the issue. Also if you go to the link I provided: http://www.responsinator.com/?url=www.hylandgraphics.com or simply type my website into responsinator: https://www.responsinator.com you will also see in most landscape modes, the slider area is cutting off the text and buttons and I’d like that to get fixed for the best possible user experience.

    Please let me know what you can do to help. Thanks for all of you hard work.

    I’ve provided access to the website below so you can log in if you would like.

    #994916

    Hi hylandgraphics,

    You might have errors in your Quick css and so the code does not work.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #995034

    I seemed to get it to wok this time. Thank you for the css to get that fixed. I have attached screen shots of issue I am having with the slider in landscape mode. Let me know how we can remedy this please. Thanks!

    You can also see the landscape problems in responinator. Thanks again for you help. We are almost there! :)

    #995461

    Hi hylandgraphics,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 480px) and (max-width: 990px) {
        .html_header_transparency #top .avia-builder-el-0 .container, 
        .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
            padding: 50px;
        }
        .slideshow_align_caption {
            vertical-align: top;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #995663

    It is still not working properly. Check out http://www.responsinator.com/?url=www.hylandgraphics.com.

    iPhone eXpensive landscape · width: 734px: buttons are cut off
    Android (Pixel 2) landscape · width: 684px: Not centered and now at the top
    iPhone 6-8 landscape · width: 667px: Buttons and tagline cut off
    iPhone 6-8 Plump landscape · width: 736px: Buttons and tagline cut off

    #995954

    Hi hylandgraphics,

    You can play with the padding value and work out the one that works for you.

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

    #996042

    The padding doesn’t seem to be having an fret but thy seem to all be visible now so I guess I take it. Thanks!

    #996093

    Hi hylandgraphics,

    Ok, even when I was checking, the buttons were visible all the time.

    Glad this is an acceptable solution for you.

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

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