-
Posts
-
2 more things:
I would like the sub menus titles and arrows to be toward the center of the container. When I added margin to the selector it moved the whole container.
Also I need to change the css of the selected menu item
Thank you.
http://phoenixfireops.com/ems/
Here is the custom css. There are 2 problems with the css.
1. On a Samsung Tablet the slide out menu text has poor resolution and the menu container doesnt center on the page like the dropdown menu.
2. I need to change the css for the parent and the second level parent in the menu.#mobile-advanced a, #mobile-advanced .mega_menu_title { color: #000000 !important; font-size: 20px;background:#F0F0F0 ;line-height:35px;}
#mobile-advanced a, #mobile-advanced .mega_menu_title: hover { color: #ffffff !important; background: #ffffff; }
div .logo { left: 35%; }
#advanced_menu_toggle:before { content: ‘Select a page >’; font-size: 15px; margin-bottom: 10px; }@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 140px !important;
}
.responsive .logo {
position: relative; }
#advanced_menu_toggle, #advanced_menu_hide {
right: 31%;
top: 75%;
background:#f8f8f8 ;
line-height: 12px;
height: 27px;
width: 120px; }}
@media only screen and (max-width: 767px) {
#advanced_menu_hide {
top: 50px;
right: 50px;
height: 40px;
line-height: 35px;
width: 40px;
}}
#mobile-advanced .sub-menu li > a:before { top: 2px; }
#mobile-advanced .sub-menu li > a { font-size: 16px;background:#ffffff;padding-left:20px;}Hi!
How are you? I hope you’re doing well today.
Please use this to reposition the advance menu toggle on mobile screens:
@media only screen and (max-width: 767px) { .mobile_active #advanced_menu_toggle { display: block; left: 124px; } } @media only screen and (max-width: 480px) { .mobile_active #advanced_menu_toggle { display: block; left: 70px; } }Regards,
IsmaelCan you tell me if it is possible to have the drop down menu button with the slide out menu?
I really like the drop down menu button but like the menu contents of the slide out menu.
Thank you.
Hey!
That’s not possible as far as i know without deeply modifying the theme files.
Best regards,
JosueOk thank you.
How about these requests from the previous post:
1. The slide out menu items have poor resolution.
2. I need to change the css for the second level parent in the menu.Hey!
1.) Please post a screenshot. I think it is the default mobile settings and it has nothing to do with the theme.
2.) You can add this on Quick CSS to move the 2nd level menu items:
#mobile-advanced ul.sub-menu { padding-left: 25px; background: #ffffff; }Regards,
IsmaelThis does work for the padding. but i have: and I would like to only change the background color of the 2nd parent
Standing Orders: Parent
Adult:2nd parent
20pages: child
Pediatric:2nd parent
20pages: childPlease see the following screenshots. The menu has poor resolution, and the menu button on the homepage is not responding correctly. On the Samsung S4 it is centered, on the Samsung Tablet it is off center.
http://phoenixfireops.com/ems/files/2014/03/Screenshot_2014-03-09-19-11-11.png
http://phoenixfireops.com/ems/files/2014/03/Screenshot_2014-03-09-19-11-25.pngHi!
Did you add the css modifications that I gave you? It should center the advance menu toggle on mobile devices. Adjust them if necessary. I’m sorry but I don’t have a Samsung Tablet to check this. Please try this to center the menu on Samsung Tablet:
@media only screen and (max-width: 800px) { .mobile_active #advanced_menu_toggle { display: block; left: 124px; } }I’ll ask the other support team members to check this on their tablets.
Regards,
Ismael
- You must be logged in to reply to this topic.