[livemesh]

Glad it worked. Will look forward to the link. You can email me the same when ready. Thanks!

[livemesh]

The above code will be part of the js/main.js file. You will have to modify it. You can specify any default URL of your choice – best to create a separate page which has links to various OS download pages just in case Javascript fails or when you are not able to detect the OS. You can control the default href through the options panel and hence can change anytime.

I will consider adding option for this if there are more requests for the same. Till then, the above script should be a good enough solution. Hope you agree. Thanks.

[livemesh]

This is a popular request and hence have an option for the same in the Blog tab in the theme options panel which will take care of this (works for portfolio as well as Blog) –

https://docs.google.com/file/d/0B9j6FQo4cSQFcDQxUDVsTUo3MzQ/edit?usp=drivesdk

[livemesh]

Here is the code change to be done in loop-nav.php @ line number 23 (towards the end of this line just before the span end tag) –

 ' . '%link' . '

[livemesh]

This reply has been marked as private.

[livemesh]

This reply has been marked as private.

[livemesh]

This reply has been marked as private.

[livemesh]

If I understand your question right, you want to change the download link based on the OS from which the user is visiting the page. May guess is that you don’t need to disable the Get App button; you will need to change the URL of the Get-App button in the Javascript based on the OS detected –

p = navigator.platform;

download_link = "http://www.app-download.com/";

if( p === 'iPad' || p === 'iPhone' || p === 'iPod' ){
    download_link = "http://www.app-download.com/app";
}
else if (p.toUpperCase().indexOf('MAC')!==-1) {
download_link = ""http://www.app-download.com/mac-app";
}
else if (p.toUpperCase().indexOf('WIN')!==-1) {
download_link = ""http://www.app-download.com/windows-app";
}
else if (p.toUpperCase().indexOf('LINUX')!==-1) {
download_link = ""http://www.app-download.com/linux-app";
};

$("#get-app-button").attr("href", download_link);

Here is some more information on how to detect the OS –

http://stackoverflow.com/questions/1741933/detect-64-bit-or-32-bit-windows-from-user-agent-or-javascript

http://stackoverflow.com/questions/9038625/detect-if-device-is-ios

[livemesh]

This reply has been marked as private.

[livemesh]

I get it now – makes sense to me. This is the best solution I know which provides the smoothest possible effect by adding the required placeholder to create the sticky effect without a sudden jump in the content towards top. I use this myself for Appdev sticky menu and hence you don’t have to even import any new scripts –

http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

[livemesh]

You can change the header background color by inserting the following CSS into Custom CSS tab in the Theme Options panel or the /custom/custom.css file –

#header {
background:#ddd; /* Change to desired color */
}

For changing the color of the social icons shown in the header, you will need to modify the color the image sprite in the folder – images/social-icons/social-sprite.png. The PSD for this icon is included with the theme which will enable you to change the color quickly and upload the changed sprite to the server.

[livemesh]

I am so glad you chose our theme. Thanks!

For logo on high resolution displays like iPhone/iPad, pls set the retina logo in the “Site Logo” of theme options panel.

To center the logo/menu- here is my quick CSS to insert the following into Custom CSS panel in theme options panel –

#site-logo {
display: block;
float: none;
margin: 0 auto;
text-align: center;
width: 172px;
}
#primary-menu {
float: none;
margin: 0 auto;
text-align: center;
display: block;
top: 10px;
}

[livemesh]

Hi,

I used most of the icons from this premium icon pack. http://www.webalys.com/minicons/index.php

Thanks!

[livemesh]

This reply has been marked as private.

[livemesh]

Glad you like our theme and thanks for choosing it to power your site.

To make a segment or an element to stick to the top, you won’t need JS and can manage with CSS. You can have have a look at CSS for the sticky menu. Or use something like below to your element ( you will need to disable sticky menu I guess) –

#features-segment {
position: fixed;
top: 28px;
z-index: 30;
width: 100%;
background: #DDD;
}

Hope this helps.

[Author]

Posts