-
AuthorPosts
-
August 1, 2018 at 9:15 pm #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
- This topic was modified 6 years, 4 months ago by hylandgraphics.
August 1, 2018 at 9:19 pm #992563It 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: 736pxAugust 1, 2018 at 9:21 pm #992565I did activate the burger mere in the settings for all tablets and phones btw. Thanks for your help! :)
August 2, 2018 at 7:01 am #992725Hi,
Thanks for the feedback, so you got your problems fixed? If not then please let us know.
Best regards,
RikardAugust 2, 2018 at 4:36 pm #992927No 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.
August 6, 2018 at 3:40 pm #993955Hi guys, Any word on this? I posted 5 days ago? Thanks!
August 7, 2018 at 10:46 am #994305Hi 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,
VictoriaAugust 7, 2018 at 4:31 pm #994479The 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.
August 8, 2018 at 12:32 pm #994916Hi 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,
VictoriaAugust 8, 2018 at 4:15 pm #995034I 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! :)
August 9, 2018 at 1:40 pm #995461Hi 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,
VictoriaAugust 9, 2018 at 6:53 pm #995663It 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 offAugust 10, 2018 at 1:44 pm #995954Hi 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,
VictoriaAugust 10, 2018 at 4:08 pm #996042The padding doesn’t seem to be having an fret but thy seem to all be visible now so I guess I take it. Thanks!
August 10, 2018 at 5:23 pm #996093Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.