sorry but i didnt want to change the colour ,-)
2.) i now have the css input, but if i enter “margin: 0px; padding-top: 0px; padding-bottom: 0px;” nothing changes.
sorry i am new to all this. What do i have to enter in the css-filed if i want to reduce the space on top and at the bottom of an object.

and another question:
how do you do this:
http://kriesi.at/themedemo/?theme=enfold

the layerslider with fixed(not scrolling) background and transparent pictures. I cant achive this myself ….

thanks
stucki

Hi Peter, suhosin does not appear to be run by Bluehost, so I think that this link and this link are more applicable in my situation (re: max_input_vars and related code). Tried these, and they might have helped slightly but did not fix the problem.

Thank you for addressing my question about custom menu item limit, but unfortunately I am still having problems with the default menu. I will not need a custom menu if I can get the default menu to work properly.

Whether I am in All Pages or editing a specific page, I try to save a new parent / child location or a new menu ordering, but this does not save once I refresh the page. Therefore, I am unable to move pages, and I am unable reassign pages as parents / children. Please advise.

looks better! logo is the right size & padding is good. I changed the right margin to bring the menu in, but need the logo to move to the left about 10 px
where can I set that?

@media only screen and (max-width: 767px) {
.mobile_active #advanced_menu_toggle {
display: block;
right: -15px;
top: 40px; }
.logo img {
margin-top: 20px!important;
padding-top: 0;
}}

thank you for your speedy reply – trying to go public with this today!

http://www.kennethbsmith.com/clients/abww/
I had to make progress on this client dev site, so if you look, you will see that I went back to the default settings of width: 1030 px for now. But I still want to know how to change the width of the .container on the desktop and the iPad.

In FireBug I see this: .responsive .container { width: 1030px; } Can you explain? Changing the page width seems elementary, so maybe I am missing something.

@media only screen and (max-width: 767px) {
.mobile_active #advanced_menu_toggle {
display: block;
right: -10px;
top: 40px; }
.logo img {
margin-top: 10px;
}}

.responsive .mobile_slide_out .logo img{ max-height: 95px !important; }
}

with that code the logo and menu overlap – menu is good, logo a bit too big & low.

Hi Ismael, thanks for your reply. Here’s a link to a screenshot (https://www.dropbox.com/s/gmrgps9bg1rr87w/screenshot.jpg).

I have a non-rectangular .png for a title bar (oval in center) that I want to overlap with the menu. What I’m trying to do is separate the sub-menu, pulling that to the top z-index layer.

Here’s the code I have now: Again, notice the sub-menu under the graphic (z-index).

/*  Title Bar Backgrounds */
.container_wrap, #header_main {
clear: both;
position: relative;
z-index: 1;
border-top-style: solid;
border-top-width: 0px;
border-bottom-width: 1px;
}

.header_color {border-color: transparent;}

.title_container .main-title, .title_container .breadcrumb {display: none;}

#menu-item-149073 {z-index: 1500;}

.page-id-149135 .alternate_color {
background: transparent url(https://staging.boomerangdesigns.com/mom/wp-content/uploads/blog-title-bar.png) center center no-repeat;
height: 164px;
margin: -56px 0 0 0;
z-index: 1000;
text-align: center;
}

I hope that makes sense.