[satori]

Hey Aaron,

from the code I can see that a large part of the “responsive.css” file is missing from your install – could you please try unzipping this archive and uploading the contained file into the main theme folder (/wp-content/themes/Shogun/), rewriting the existing file, and let me know if the website’s behaviour changes after a refresh. Thanks!

Sincerely,
Andrii / Satori Studio

[satori]

Hey Ojones,

glad it works!
I will include the code into the next version update of Kanso (1.6), and into all future updates from then on, thus you do not need to update the code separately.

Sincerely,
Andrii / Satori Studio

[satori]

Hey CreativeVallley,

first of all, thank you for the purchase!

The menu was envisaged in all-caps as a part of the Shogun’s design, thus there is no back-end function to make it lowercase; however, it is fairly easy to implement via an additional line of CSS, which you can add into the “Style: Add Custom CSS” tab of the Theme Options panel:

#nav-primary ul a, #icons-mobile .mobile-icons-title { text-transform: lowercase !important; }

or, if you want the menu items to be lowercase but capitalized:

#nav-primary ul a, #icons-mobile .mobile-icons-title { text-transform: capitalize !important; }

Please let me know if you have troubles implementing the code, I will be glad to help out!

Sincerely,
Andrii / Satori Studio

[satori]

Hey Ask,

from the error message I suspect that it might not be connected with the slider, but with the php code of the array that constructs the WP_Query object for the one-page layout. Please download this archive, unzip it, and upload the resulting files into the theme folder (/wp-content/themes/Kanso/) via ftp, replacing the existing files when prompted. Let me know if the error is still there after refreshing the website!

Sincerely,
Andrii / Satori Studio

[satori]

Hey Thomas,

the Visual Composer plugin, which serves as the basis for Shogun’s integrated content builder solution, unfortunately does not allow creating 5-column layouts because it is based on the Bootstrap principles and its 12-column layout grid, i.e. all column configurations must be factors of 12. The primary logic behind this widely-used standard is based on the fact that 5-based layouts are very difficult to combine with other column widths to get a full-width grid, e.g. 1/6 + 1/3 + 1/2 fits well together because it equals 1 (in turn, because all of the denominators are divisors of 12), yet anything like 1/5 + 1/3 + … or 1/5 + 1/2 + … would become very complicated as one would need to add very thin columns like 1/10 or even 1/15.

Thank you for your understanding!

Sincerely,
Andrii / Satori Studio

[satori]

Hey Timothy,

the Kanso theme uses the Grunion Contact Form as the basis for its contact form generator; there is no captcha available at the moment, can be emulated easily by including a “checkbox”-type field, declaring it as required and giving it a name like “Check this if you are human” :) However, if you do want a contact form with a captcha, I would recommend the Contact Form 7 plugin.

To reduce comment spam, you can also try Akismet, a tool built by the same team who created WordPress itself. Although it’s not 100% perfect, it should filter out the majority of spam messages for you (I’m using it on all my WP installs).

Sincerely,
Andrii / Satori Studio

[satori]

Hey Timothy,

if I’m not mistaken, we’ve already discussed this issue in an email conversation (if not, my apologies for mixing things up :)

In any case, I will post the solution here so that other forum visitors can potentially benefit from the fix. I’ve reworked the navigation, the captions, and the visual appearance of the fancybox, contained in this file. Please unzip the archive and upload the resulting file via FTP into the following folder inside your WP install:
/wp-content/themes/Kanso/includes/easy-fancybox/fancybox/
replacing the existing file. After that please refresh the website for the changes to take affect (you might need to clear the browser’s cache as well).

I will include the above code into version 1.6 of Kanso, which I am planning to submit to ThemeForest this week. Thank you for bringing up the issue!

Sincerely,
Andrii / Satori Studio

[satori]

Hey Thoughton,

thank you for providing a solution to the issue!

Google Maps JavaScript API v3, which has a feature for disabling the scrolling of the map, hasn’t yet been integrated into Kanso (experimentally, is it part of the customized Visual Content Builder plugin I’ve integrated into the latest theme, Shogun, still testing though).

Inserting the API by hand would probably be the cleanest and most controllable solution, here’s the manual on how to do it (although I suspect you’ve seen it for sure). There are essentially two three steps to it: obtaining the API key from Google, inserting the necessary JavaScript (can go into the “header-functions.php” theme file), and inserting a HTML placeholder for the map (can go directly into the content of the page, or into a template file, if needed repeatedly as a php snippet).

A third-party WP plugin with ready code is another solution, which might be easier to implement yet slightly more challenging to customize or backward-engineer.

Should you need additional help with the maps API, please let me know!

P.S. you can use the “

" tag for posting code here, it will be pre-formatted ;)

Sincerely,
Andrii / Satori Studio

[satori]

Hey Thoughton,

First of all, I must apologize for the delay in my reply!

The issue you’ve brought up is indeed something that needs to be corrected. There are two ways to go about that:
– a purely CSS solution: please insert this piece of additional CSS into the “Style: Add Custom CSS” tab of the Theme Options panel:

@media only screen and (max-width: 1030px) {
body #main-header .smallheader, #header .small-logo { max-height: none !important; }
}

this will counter the effect of the class added to the header elements in order to shrink it on smaller screens.

– alternatively, you can implement a slightly cleaner jQuery solution (it has just several lines of additional code to the existing one, thus should not add any significant additional page load strain): please download this archive, unzip it, and upload the resulting files into the theme folder (/wp-content/themes/Kanso/) via ftp, replacing the existing files when prompted.

Please let me know if the code helps improve the header behaviour!

Sincerely,
Andrii / Satori Studio

[satori]

Hey Steffanie,

I sincerely apologize for the delay in my reply!

I can see that you’ve decided to install a premium plugin from CodeCanyon instead of the Query Loader, thus I will focus on the first issue now; in case you face any problems with the plugin, please let me know!

Regarding the header styling in the updated theme – please add the following additional CSS in order to smoother implement the extra code I’ve provided previously (you can again insert it into the “Styles: Add Custom CSS” tab of the Theme Options panel:

@media only screen and (max-width: 1030px) {
#main-header { width: 100%; }
#logo img { max-width: 120px; }
}
@media only screen and (max-width: 1030px) and (min-width: 767px) {
#header-box #nav-wrap { display: table-cell !important; width: 100% !important; }
}

the “#logo img” line is optional; I’ve added it because it might look better to decrease the size of the logo on smaller screens, as otherwise it takes up quite a large portion of the screen. The code will also position the menu in line with the logo on tablet screens.

Sincerely,
Andrii / Satori Studio

[Author]

Posts