26 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.

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

Hi,

The issue I’m having that I’m hoping you can offer a quick fix to by directing me to where in the code I can find the appropriate value for modification is as follows;

I’ve modified the #page_header to be 60px taller than the theme in its stock configuration… clicking on the ‘scroll_to’ menu items now causes the page to scroll 60px too far which in turn causes the ‘back-to-top’ upward arrow tabs to slide under the (fixed position) ‘page_header’ and disappear.

Where can I adjust the code so that the page stops scrolling 60px sooner?

Hopefully that’s understandable.

Thanks.

elroyfulton

And it’s just after I type this that I find it in the query.custom.js… all figured out, please disregard.

SubatomicThemes

Hi elroyfulton,

Glad you got it sorted :)

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

Would having version 5.4.29 of PHP running on the server prevent the Contact Form from working? I entered the email address to deliver form submissions to in the location described in the documentation but it’s failing to work.

SubatomicThemes

Hi elroyfulton,

Are you using a gmail account? There are some extra details to fill out if you are. I don’t think the PHP version matters but you could try to upgrade to the latest version if you are still having problems.

Thanks.

elroyfulton

Nope… no Gmail… I mean I have a gMail account, but that’s not the account I want the submissions to go to… seems like a simple thing, wondering why it’s not working.

SubatomicThemes

Hi,

Can you give me any more info? Is there an error message? What happens when you click on submit? Does it go to a blank screen or does nothing happen at all?

The more info, the better I can help :)

Cheers.

by
by
by
by
by
by