Discussion on Drawer Mobile Retina | HTML5 & CSS3 And iWebApp

59 comments found

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 2-3 years
  • Malaysia

Can we move the left tab(call us, text us, collapse) into bottom of the page, and make it fixed?

Enabled

Yes! They use the same class! You must move each individual button, not the whole wrapper. You’ll also have to tweak the CSS and add a top height, width and a margin bottom value if you set it fixed! :)

skyrocketMY

Just bought the script, after upload it to the internet, I open it using my 3gs, after click the top left button, the leftbar will slide, however, I still can drag the body part of the content and the fixed heder not follow slide together. Can you fixed this problem?

skyrocketMY

This is what I mean:-

db.tt/ft6ezuMX

That right side can slide to the left like there is no wall/div

Enabled

That is an issue with all mobile devices ( at least Apple ones ) the do not allow locking the overflow on X axis! It’s present on all templates.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
tmannah Purchased

Hi there, I replaced yours slider images with my own 640 wide x 400 high images but the bottom seems to be getting cut off. How do I resize the slider so that me entire image shows?

Enabled

Hey there! You cannot resize the slider as it’s responsive! It’s best to keep images the side provided. 800×640 pixels.

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
anbro Purchased

Hi there,

I really like this design, the general functionality and fluidness of the animation are good. I’ve noticed (on mobile, android) when the sidebar is open the main content can slide up, down and around back over the sidebar but the menu icon needs to be clicked to officially close the main content. As well as toggling the menu icon it would be great if the sidebar could be revealed just by sliding the main content to the right and closed by sliding to the left, at the moment is seems only to close by clicking the menu icon or content, not by sliding. Constraining the main content to either vertical or horizontal when sliding (but not diagonal) would be a great feature?

Is this something you’ve considered for a future release? if so when do think this might happen?

Great work with this so far.

  • Bought between 100 and 499 items
  • Has been a member for 6-7 years

Love this, but only thing keeping me from buying is when the drawer is open if you swipe to close, it gets all jacked up. Any fix for this?

Enabled

The template doesn’t support swipe. It only works by tapping buttons. The page can be swipped because mobile devices don’t support overflow-x. This happens to all templates from ThemeForest on mobile devices that have a sidebar. Don’t purchase it if you require swipe. Only the slider is swipe enabled.

Default-user

can you prevent people from swipe to close drawer all together?

Enabled

It cannot do that! No.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
  • Sweden

Hej guys I am having a problem with checkbox. In the theme we have checkbox style using but how can I set the value of checkbox?

Enabled

They need to be connected to PHP. This is just a template, only the contact form has PHP! :)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hello there do this support arabic lang ? thx you

Enabled

I really don’t know! The fonts used are Open Sans, Dosis, and Lato! Research the fonts, maybe they do! :)

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Switzerland

hey hou! :)

i really enjoy to work with your template so far! but i have some little wishes/suggestions for further templates:

1. i would use “touch” events for better response when clicking on the menu-icon. i hate de default 300ms delays from mobile devises…

2. for sliding the sidebar i would use css3 translate instead of jquery animate for better performance

3. scrolling the sidebar feels a little bit bumby, not like the content part… do you know why this happens?

thx again for the great work!! :)

Enabled

Thanks for the tips. At the moment, they are made this way to keep compatibility at it’s highest. The sidebar is a little “bumpy” due to the fact that it’s a scrolling div. That isn’t render/scrolled by your device as the default browser window! :)

TommyHoliday

ahh ok :) thank you very much for your fast reply!

Enabled

No worries mate! Anytime! :)

  • Bought between 100 and 499 items
  • Has been a member for 6-7 years
Mugs Purchased

i want a specific div to not have overflow:hidden, is there anyway i can override the below to get that done

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre { display: block; overflow:hidden; position:relative; }

Enabled

Hey there Mugs, thank you for your purchase! You can do that by following the structure bellow!

<div class="first-custom-container">
    <div class="second-custom-container">
        <!-- Your Content Here --> 
    </div>
</div>

In the CSS file, add .first-custom-container div{ overflow:visible!important; display:inline!important; position:static!important;}

I added all css attributes, you add whichever you need! Be sure to include the !important and that’s about it!

Mugs
Mugs Purchased

It worked like a charm. Thanks

Enabled

Glad to have helped! Please don’t forget to rate 5 stars! It helps us too! :)

  • Bought between 100 and 499 items
  • Has been a member for 3-4 years
  • United States
hu8035 Purchased

Hi, I love the theme. The best I’ve seen by far.

One question.

I was trying to add more field on the contact form. So I edited the following in the php file.

$name = ””; $phone=””; $email = ””; $message = ””;

$name =  trim($_POST['contactNameField']);
$phone =  trim($_POST['contactPhoneField']);
$email =  trim($_POST['contactEmailField']);
$message =  trim($_POST['contactMessageTextarea']);
// variables end

and added this in contact.html

<label class=”field-title contactPhoneField” for=”contactPhoneField”>Phone: (required) </label> <input type=”text” name=”contactPhoneField” value=”” class=”contactField requiredField” id=”contactPhoneField”/>

between Name and Email fields.

Am I doing something wrong?

If so, can you please let me know step-by-step on how to add additional field?

Thank you so much in advance. D

Enabled

Requires JS Editing as well. The contact.js file needs the fields variables added in! :)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

When you scroll down a page and then open the menu to navigate nothing is clickable in the left side menu… unless you scroll back to the top… Im a bit lost on how to fix this or why this would behave like this… any suggestions? I am using a samsung galaxy 3 and iphone 5…

Enabled

I tested it on my S3, up to date software and iPhone 5, 6.1.3 and it works perfectly on both!

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years

Hi there, I have one quick question. I like the layout template but if I wanted to use it for my app (wrapped in phonegap, it’s not a website.), will I need a regular license or an extended license? I don’t mind getting a regular license for my app, but getting an extended license might not be suitable for my project given how small my project is.

Enabled

You require an extended app for applications! :)

Default-user

Oh, ok. Thank you for your reply! :)

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • Italy
tecnologo Purchased

Hi,

I have found some bugs in the template and I need your help:

1. DropDown Menu, the one used in the template does not retain the value selected, is there a way to fix it or is there another dropdown menu I can use?

2. Slider, I have not found a slider object (e.g. dragging you can change a value from 0 to 100), is there possibile to have one to use?

3. Navigation menu, I have noticed that if the page is short in height the menu is partially visible even if it is closed. Can you please let me know how to fix it?

Thanks for your support

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • Italy
tecnologo Purchased

Hi again,

I have not yet received any answer about the bugs I have highlighted 1 week ago. I have also opened a support ticket at http://www.paultrifa.com/support/ but no answer so far.

I urgently need to fix these problems to complete my project. Could you please give me support? Thanks

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Hello,

I purchased this template to help me launch a mobile website for our department.

I am using Visual Studio 2010 to develop the project, and when I rigt-click and “view in browser”, I get the following error message:

Error Message:

Line: 125 Error: Code.PhotoSwipe.createInstance: No images to passed.

ANY help would be greatly appreciated.

Enabled

The error si by default on pages that do not have a gallery. Nothing to be alarmed. Ignore it! :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
plna12 Purchased

I want to use the same logo (the same font), but change the name (change “The Drawer”). Do I have to download the font file from some other place or is it included in here somewhere?

Enabled

Hey there! Please open the PSD provided to see what fonts are used! The fonts used as text in the item are Dosis, Lato and Open Sans! I believe the logo is Dosis as well!

Default-user
plna12 Purchased

For anyone else interested, the font is called Great Vibes regular, and i found it available for download here: http://www.fontsquirrel.com/fonts/great-vibes

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Netherlands

I’m testing the theme on android’s default browser. The fixed top bar isn’t moving to the right. It stays on the default position. Any fix for this?

Grtz

Enabled

Hey there! It’s a template! Some Android browsers have problems with the fixed menu! I suggest using the unfixed one! That’s why we released both versions! We’re still trying to figure out what Android changed to their OS! Thank you!

berenleven

I’m sorry, The fixed menu works properly, but when I press the menu button it doesn’t slide tot the right. On android chrome it works perfectly but default android it just stays the same position.

Enabled

That’s weird as hell! I know it works on Chrome, we tested it on a Samsung Galaxy 4 and 3… both with default browsers and it works great!

berenleven

I’m testing on Galaxy note 2 and it doesn’t work on default browser. I suspect s3,4 and note have the same default browsers, [link removed]

Enabled

Uhm… works on S3 … just tested it! Android 4.0.3 :)

berenleven

Could I send private youtube link? Made a video.

Enabled

Send it through our profile form please!

berenleven

[removed] I submitted via this form, correct?

Enabled

That’s the one! :)

berenleven

Why delete it?

Enabled

Please don’t post links on items! Send it to my profile page as requested! Thank you :)

berenleven

It’s an error of your theme, Nobody may see the error?

berenleven

I did send it, no response. So I posted the link here. Why you guys make such big deal about it?

Enabled

We didn’t get your message, we would have replied by now. Because we like to keep our item comments clean. We solve all issues and it’s pointless to let links here that will no longer be valid. Please resend your message or use support page to send it! All the best!

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
  • United Kingdom
djbeatnik Purchased

Hiya, loving the template, is there a compatible slider for this template, having probs with woo theme’s flexslider reloading the rest of the page every time the slide changes.

Enabled

The page uses our own image slider. Any slider should work as long as it’s properly implemented.

djbeatnik

Does your slider slide or is it just photoswipe? Thanks again.

Enabled

... we have a live preview where you can see it!

djbeatnik

Your slider doesn’t slide by itself.

Enabled
Yes it does! In custom.js please replace
var slider = new Swipe(document.getElementById('slider'));
with
var slider = new Swipe(document.getElementById('slider'), {
  speed: 400,
  auto: 3000,
  continuous: true
});

This should do the trick! :)

djbeatnik

Brilliant, must document that, will sell more! Thanks again.

Enabled

Will add that to the FAQ section! So, no need for flex slider! Haha! :) Don’t forget to rate 5 stars! :)

djbeatnik

Exactly, will do. 8-)

djbeatnik

It’s a little shakey, please organise a decent slider. 8-) Then I’ll give you 5 stars again. 8-)

djbeatnik

Having the same probs with your slider reloading the rest of the page every time the slide changes?

djbeatnik

PS On iPhone 4

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

A hack about the “the do not allow locking the overflow on X axis” problem in menu:

On $('.show-sidebar').click(function(){ put $('.page-content').bind('touchmove',function(e){ e.preventDefault(); }); and in $('.hide-sidebar').click(function(){ unbind $('.page-content').unbind('touchmove');
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 2-3 years

Hello I wanted to know if purchasing this template, I can place a link, which points to a PDF (without leaving the web app)

by
by
by
by
by
by