-
AuthorPosts
-
November 10, 2015 at 8:19 pm #533644
Hi, we seem to have problem repeated. This is the orgiginal thread: https://kriesi.at/support/topic/submenu-items-in-mobile-menu-re-alignment/
The desktop mega menu is still the way we wanted, but the mobile menu now again folds too far to the right. The landscape on mobile is ok, but the portrait view is not ok. (example: Samsung S5)http://imgur.com/fUxPZYe Portrait
http://imgur.com/RZJ10FK Landscape
- This topic was modified 9 years, 1 month ago by votan.
November 11, 2015 at 3:39 pm #534105Hi Votan!
I checked website in private content and mobile menu is working totally fine for me. Could you check on another device as well please?
Cheers!
AndyNovember 12, 2015 at 10:01 am #534637Hi, we have checked on Apple Ipads, Iphones and Samsung devices and the Portrait version of sub menu (mega menu) for “Motocikli” does not work properly (is not even seen) anywhere, only the landscape is. I have also run it through browserstack several times through live interactive testing and it seems to have the same problem and all devices. “Oprema” works fine because it is an ordinary submenu, but the “Motocikli” submenu is actually a mega menu and you can’t even see the sub menu items, because they are to far on the right (out fo the visual field for mobile) If you put the device in landscape you can see them.
I am pasting again the code I have in custom.css which has worked before, but now it does not again:
/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */ /* General Custom CSS */ .main_menu { right: auto !important; left: 310px !important; } .main_menu > div > ul > li > a > .avia-menu-text { color: #f8f8f8; font-weight: normal; font-size: 16px; text-shadow: 0 2px 2px #000000; !important; } #menu-item-755 > .avia_mega_div { right: -850px !important; } #header .mega_menu_title { font-weight: normal; color: #f9f9f9; font-size: 18px; !important; } .main_menu .sub-menu > li > a > .avia-menu-text { font-weight: normal; color: #d0d0d0; font-size: 14px; !important; } @media only screen and (min-width: 480px) and (max-width: 767px) { #menu-item-755 > .avia_mega_div { right: 0px !important; } } /* Desktop Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */ @media only screen and (min-width: 480px) and (max-width: 767px) { #menu-item-755 > .avia_mega_div { right: 0px !important; } } /* Mobile Styles ================================================== */ /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */ @media only screen and (min-width: 480px) and (max-width: 767px) { #menu-item-755 > .avia_mega_div { right: 0px !important; } }
- This reply was modified 9 years, 1 month ago by votan.
November 12, 2015 at 6:06 pm #534943We have fixed it ourselves. If you are interested the code now looks like this:
/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */ /* General Custom CSS */ .main_menu { right: auto !important; left: 310px !important; } .main_menu > div > ul > li > a > .avia-menu-text { color: #f8f8f8; font-weight: normal; font-size: 16px; text-shadow: 0 2px 2px #000000; } #menu-item-755 .menu-item {position: static;} .avia_mega_div {display: block !important; opacity: 1 !important;} #menu-item-755 .avia_mega_div { left: -300px !important; right: auto !important; } #header .mega_menu_title { font-weight: normal; color: #f9f9f9; font-size: 18px; !important; } .main_menu .sub-menu > li > a > .avia-menu-text { font-weight: normal; color: #d0d0d0; font-size: 14px; !important; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 989px) { #menu-item-755 .avia_mega_div { right: auto !important; left: 0 !important; } }
November 13, 2015 at 7:26 am #535246 -
AuthorPosts
- You must be logged in to reply to this topic.