24 comments found

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

Various form inputs such as select radio check-boxes are not showing as per the theme.

Default-user

Really a great them. But I have following problem Please take a look at SELECT OPTION box

SubatomicThemes

Hi,

Add “select” to the list of form elements so that it gets styled the same way as the other elements.

e.g. #contact-form select in the list of CSS declerations.

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

<h2><img class=”hover_effect” src=”assets/images/icons/big_icon_04.png” width=”140” height=”140” alt=”Podium Icon” />Custom Text</h2>

The text “Custom Text” is not aligned beside the image.

SubatomicThemes

Hi amoltrans,

My apologies, but what exactly are your questions?

Default-user

All images except image 3 are taken from actual coding
Problem: Heading text and image are not aligned. image 1
Problem: I’ve tried using align=”left” property to img tag. But the image get left aligned and all the tags appears as shown in image 2
The H2 Text aligns to bottom of the icon image.
Solutions: The H2 Text should appear aligned right to the image. image3 . I’ve created this image MANUALLY using photoshop

SubatomicThemes

The markup you provided is all wrong. It should be something like this:

<img class="”hover_effect”" src="”assets/images/icons/big_icon_04.png”" width="”140”" height="”140”" alt="”Podium" icon="" />
<h2>Custom Text</h2>
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 1-2 years

Would it be possible to add a couple of features, (or give the code for these):

1. Mobile menu: make this disappear/retract when clicking / touching anywhere outside the menu?

2. Make the mobile menu ‘stick’ to the top, just like the desktop version does?

I’ve been looking for a long time for a suitable design and I think this fits the bill, so I’ll buy it anyway, but these 2 improvements would be perfect!

SubatomicThemes

Hi George11,

1. Yes, this should be possible with some jQuery tweaks in the custom script.

2. Again, should be possible with some CSS tweaks :)

Thanks for your interest :)

Default-user

Thanks for the positive reply. Would you be able to share those tweaks with us?

SubatomicThemes

Sure, it’s quite simple:

1. Open jquery.custom.js and find line 56 where it says ”// Mobile navigation menu”. Replace this part with this code:
// Mobile navigation menu.
$('html').click(function(){
 $('#navigation').slideUp( 800 , 'easeOutBounce' );
});

$('#mobile_menu').click(function(e){
 $('#navigation').slideToggle( 800 , 'easeOutBounce' );
 e.stopPropagation();
 e.preventDefault();
});
2. To maintain the sticky menu on mobile, open css > media.css and remove or comment out thesse lines (lines 122 – 123):
body { padding-top: 0; }
#page_header { position: static;    }
#page_header_after { position: absolute; }

Done a quick test and seemed to work well :)

Hope this helps, Cheers!

Default-user

That’s superb. Thanks so much!

Default-user

That does work well only one problem now: One the desktop version when you click on a menu item in the header, all the menu items scroll upwards and don’t come back unless tou refresh the page.

I’ve modified the first section to overcome this problem, but my jQuery isn’t great, so it’s not the most elegant of coding:

// Mobile navigation menu var $mobile_menu_clicked = false; $('html').click(function(){ if ($mobile_menu_clicked == true) { $('#navigation').slideUp( 800 , 'easeOutBounce' ); $mobile_menu_clicked = false; } }); $('#mobile_menu').click(function(e){ $mobile_menu_clicked = true; $('#navigation').slideToggle( 800 , 'easeOutBounce' ); e.stopPropagation(); e.preventDefault(); });
SubatomicThemes

Hey George111,

Try this instead:

// Mobile navigation menu.
$('html').click(function(){

 window_width = $(window).width();
 if( window_width < 767 ) {

  $('#navigation').slideUp( 800 , 'easeOutBounce' );

 }    

});

$('#mobile_menu').click(function(e){

 $('#navigation').slideToggle( 800 , 'easeOutBounce' );
 e.stopPropagation();
 e.preventDefault();

});

I haven’t tested this on an acutal mobile device, so let me know if there are any problems!

Thanks :)

Default-user

Ah! Thank you! Now I’ve had time to go through the template I’m very happy with the coding, level of documentation and ease of modification. Great work – it’s much appreciated.

SubatomicThemes

Thanks. I appreciate your feedback :)

  • Bought between 100 and 499 items
  • Has been a member for 1-2 years
edfdev Purchased

How can I add a captcha for the form? I receive a lot of spam using it.

SubatomicThemes
Sure, try Google’s reCaptcha: http://www.google.com/recaptcha/intro/index.html

Cheers.

by
by
by
by
by
by