Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #233877

    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.

    #234053

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #234065

    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;}

    #234248

    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,
    Ismael

    #234250

    Can 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.

    #234251

    Hey!

    That’s not possible as far as i know without deeply modifying the theme files.

    Best regards,
    Josue

    #234267

    Ok 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.

    #234465

    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,
    Ismael

    #234479

    This 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: child

    #234483

    Please 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.png

    #234535

    Hi!

    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

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