Hi this did not allow the menu to continue past the footer.

In the link provided the svg is not “fitting” on the page. Is there a way to either size the svg to fit the page or have the header,menu, and footer respond to the size of the svg?

http://phoenixfireops.com/ems/te/

Thank you.

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

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.

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

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

Thanks

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?

http://phoenixfireops.com/ems/

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

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.

Ok. Now how about the mobile css of the footer widget? The footer widgets are aligned to the left and there is alot of padding between the footer widgets on mobile devices.
I would like to center the alignment and remove or reduce the padding of the footer widgets.
Also how do I remove Enfold Theme by Kriesi from the socket?

If you look at the sub menu under standing orders adult. The sub menus do not fit.
http://phoenixfireops.com/ems/

Another mobile issue that I am having is that the mobile site does not open a pdf linked to a page in the website. Instead it downloads it and you then have to open the download separately.
Thank you.

Ok. Now how a bout the mobile css of the footer widget? The footer widgets are aligned to the left and there is alot of padding between the footer widgets on mobile devices.
I would like to center the alignment and remove or reduce the padding of the footer widgets.

I am also wanting to increase the widget portfolio image size? And can I add padding between regular sized portfolio images?
http://phoenixfireops.com/ems/938-2/