feature box slides under menu when viewed on mobile

Hey there biggiebangle,

Hope you’re well! ??

Can you share your site’s url so I can assist you better?

Looking forward for your reply! ??

Take care,
Calvin

Since BiggieBangle won’t, I will. I have the same problem with my implementation of this theme:

TwelveWestMainVenue.com

Plus, within the mobile menu, the text for the “RESERVE NOW” button wraps unexpectedly and throws off the layout a bit.

Any word on getting the sub-menu working for mobile devices?

I was able to fix the “RESERVE NOW” wrap problem by overriding the text transformation to none. It looks better in mixed case anyway.

#header a.res-button {
	text-transform: none;
}

Hello biggiebangle & David,

I hope, you’r enjoying with Foodeez Lite!!!
for this you can add below code in any custom CSS plugin or using Child Theme

@media only screen and (min-width : 310px) and (max-width : 766px) {
  .front-page .slider-top{
      position: initial;
  }
  #wrapper{
    position:relative
  }
  .Skt-header-image{
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  /* The below code is to adjust image height */
  .ad-slider-image{
    height: 280px;
  }
}

Best,
Gunjan Rai Kanungo

hello

I used also This beautiful theme and i have problem to translate “Reserve Now ” text and the featured box with qtranslate plugin.

Thanks, Gunjan. That seemed to do the trick.

Yes, I am enjoying the Foodeez Lite theme. And, my client loves it. It has great layout and functionality included. And, it lends itself to getting a responsive, good-looking website up and running quickly.

Hi Gunjan, I used a child theme and added this into style.css but it didn’t change the behaviour. Does it matter where in the file you put it?