Ok, I managed to make it work.

The white layer issue is gone.
On desktop, the header shows normally with a resolution over 989px.
On tablet (between 768px and 989px), the regular menu shows, with smaller font, smaller logo, and reduced padding. Tested on ipad 2 and ipad mini.
On smartphone (under 768px), it switches to the responsive menu.

Here is the code:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}

.main_menu {
margin-right: -30px;
}

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

.logo img {
width: 250px !important;
}
}

I ended up removing the padding attributes, as it didn’t seem to make any difference.

Thank a lot for your help!

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

.template-page.content.twelve.alpha.units {
padding-top: 0;
}
I have used this to move the boxes up. The only issue on that is the icons go under the slider and I would like them on top of it.

That got me on the right track. Ended up adding this to my custom css:

/* #Desktop - Extra Large - Product
================================================== */
@media only screen and (min-width: 1340px) {

  .responsive_large .single-product .container .four.units {
    width: 310px;
  }
 
  .responsive_large .single-product .container .eight.units {
    width: 670px;
  }

  .responsive_large .single-product .container .twelve.units {
    width: 1030px;
  }

}

/* #Desktop - Product - Large
================================================== */
@media only screen and (min-width: 1140px) {

 .responsive_large .single-product .container .four.units {
    width: 270px;
  }
 
  .responsive_large .single-product .container .eight.units {
    width: 590px;
  }

  .responsive_large .single-product .container .twelve.units {
    width: 910px;
  }
  }

but I would like them to be left of the number? can I I get them all in one area? with the gray background, at the top and phone to the right and text to the left?

Hi Peter
That’s what I did before that didn’t work. I have now moved the profiles to the top of my portfolio items, so can’t see if it’s working or not, but I will test it – maybe the update helped. I don’t have the problem with the other multi language widgets I made – just the portfolio. I am also now having problems with the danish portfolio categories not showing up in the selection in my portfolio grid, although an hour ago it was fine. Here is a page I didn’t have the right portfolio options on – maybe you can take a look? I also put out a support topic to WPML but they are a little slower than you guys :)
thanks
N

Excellent! Thanks so much for the help and so quick to respond. Great support!

Just regarding my last point – is the cart icon designed to NOT show on smartphone screens? This would mean the only route to the cart/checkout would be via the two links I have just added at the very top of the page.