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.

Hi Josue

Thanks for the hint. But i dod not get it to work. Do i have to put the code in the quick css or anywhere else?

And i use another header ( Header with social icons and bottom navigation.)
Do i have to edit the code then? I tried this:

.social_header .header_bg, #header_meta, #header {
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

….in quick css but had no success.

Thanks in advance

Hi Yigit,

I noticed this code causes a problem in the search box. See that little space? When I remove the code the problem goes away. Hmm.

#top input[type="text"] {
 font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-weight: 100!important;
}

Thank you so much for your time, Jasmer

• This reply was modified 12 years, 1 month ago by Jasmer. Reason: one problem solved, one still remaining

Hi Yigit,

thanks for the answer. But this does not solve the Problem i mentioned.

Please take a look at the screenshot:

http://authentic-voice.at/wp-content/uploads/2014/01/123.jpg

The Menu is still overlapping to the right. How can i get rid of this?

And i am not able to enlarge the size ofthe menu font.
I tried these codes:

.main_menu ul:first-child>li>a {
font-size: 16px;
}

and :

#top .main_menu .menu li ul a { font-size: 15px; }

both with different fonts but no change in the size.

Thanks

Hi Kriesi,

This topic was closed a few days ago so I assumed maybe the problem was coming from my side…
In fact, now the layout builder is working again in Safari. But it’s not the first time I had an issue with it…Anyway, finger crossed, I can work with it now, so the thread can be closed.

Kind regards,

Chrys

OK – will do so

Hi again.
That last code fixed the mobile menu issue, and it looks good on the web, but the logo is still too small on the mobile, with a little too much padding at the top. how do I adjust that? If I make the padding less that 50 px it disappears.

• This reply was modified 12 years, 1 month ago by Munford.

sorry..you are right…it was the Tribulant Newsletter Plugin who was causing the problem….Have to talk to them…;)

THX!!