Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 7, 2014 at 12:30 am #233427
    ctcphx

    How can I change the mobile drop down menu css?

    March 7, 2014 at 2:53 am #233464
    Yigit

    Hey ctcphx!

    You can make styling changes on mobile menu if you are using Slide Out menu. What kind of changes you would like to make?

    Cheers!
    Yigit

    March 7, 2014 at 3:05 am #233479
    ctcphx

    I like the drop down menu the best but if it cannot be modified then I would like to do the following:
    Center the logo above the menu like the drop down menu.
    Change the menu icon from the dashes to say either “menu” or “select a page”
    Once in the menu have larger text and different font color.
    Thank you.

    March 7, 2014 at 3:13 am #233489
    Yigit

    Hi!

    Please add following code to Quick CSS 

    div .logo { left: 35%; }
#advanced_menu_toggle:before { content: 'menu'; font-size: 15px; margin-bottom: 10px;  }

    I have answered your other questions on your other topic

    Best regards,
    Yigit

    March 7, 2014 at 3:24 am #233501
    ctcphx

    Yes thank you. The menu is still to the right and the logo is to the left. Also the word “menu” is not centered in the box. Is there a way aslo change the dimensions of the “menu” box container

    March 7, 2014 at 3:26 am #233505
    Yigit

    Hey!

    Please post the link to your website so we can take a look.

    Best regards,
    Yigit

    March 7, 2014 at 3:29 am #233510
    ctcphx

    http://phoenixfireops.com/ems/

    Also is the css for the parent menu item #mobile-advanced a, #mobile-advanced .mega_menu_title:parent

    March 7, 2014 at 4:32 am #233558
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @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: 50%;
top: 75%; 
line-height: 32px;
height: 47px;
width: 47px; }}

    Height and width are default values, you can adjust them as needed

    Cheers!
    Yigit

    March 7, 2014 at 4:58 am #233571
    ctcphx

    It works but the problem now is the close button on the menu is out of place.

    Were you able to find out the class or id to change the parents on the menu?

    March 7, 2014 at 4:42 pm #233818
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
#advanced_menu_hide {
top: 50px;
right: 50px;
height: 40px;
line-height: 35px;
width: 40px;
}}

    I am not sure if i understood the issue about parents

    Cheers!
    Yigit

    March 7, 2014 at 5:11 pm #233848
    ctcphx

    Thank you.

    I am trying to style the parent page on the menu differently than the sub pages.

    Also the small arrows on the slide out menu are not aligned in the middle of the container. They are toward the bottom.

    Thank you.

    March 7, 2014 at 5:18 pm #233851
    Yigit

    Hey!

    Please add following to Quick CSS as well 

    #mobile-advanced .sub-menu li > a:before { top: 0px; }
#mobile-advanced .sub-menu li > a { font-size: 12px; }

    Best regards,
    Yigit

    March 7, 2014 at 5:25 pm #233857
    ctcphx

    That didnt change anything? I would like to change the background color and make the text bold of the parent.

    Thanks

    March 7, 2014 at 5:27 pm #233860
    ctcphx

    Nevermind it worked

    March 7, 2014 at 5:31 pm #233865
    Yigit

    Hi!

    Great! Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Mobile Drop Down Menu’ is closed to new replies.