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 11 years, 11 months 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