Homepage › Community Forums › Epik Theme Support › Upgrade from 1.4 to 1.4.1
Hi,
I recently purchased Epik theme through Studiopress, but the version they provide me is an old one version 1.4 , and I just noticed that there is already a new version 1.4.1 . How can I upgrade to the latest version, since I having several issues with 1.4. i.e. responsive menu is not visible, unable to see logo in header and other problems. But before requesting my money back I’d like to give a try to 1.4.1 and see it the theme is fixed.
I hope you can help me.
Thanks.
Jafet
I haven’t seen any of those issues happen with that version. Do you have a link to your site where this is taking place so I can take a look? I’m still finishing up a couple small updates to the theme for version 1.4.1 but 1.4 should still work fine.
1.4.1 is still beta at the moment since I’m adding in a couple minor things, but you can download it from your account here – https://appfinite.com/my-account As soon as I have it completely ready I’ll be sending it to StudioPress.
Hi Wes,
This is my site under construction: http://circocs.com/
1) Responsive menu not working:
I just copied the style.css and responsivemenu.js files from your demo site to see if that fix the problem with the responsive menu but no luck.
2) Double credits lines in footer:
Another issue I have is a double footer “copyright” lines, even if I add the filter for footer credits text as follows:
//* Customize the credits
add_filter( ‘genesis_footer_creds_text’, ‘sp_footer_creds_text’ );
function sp_footer_creds_text() {
echo ‘<div class=”creds”><p>’;
echo ‘Copyright © ‘;
echo date(‘Y’);
echo ‘ · Circo Creative Studio’;
echo ‘</p></div>’;
}
3) The other thing that bothers me is that the logo area is not responsive, the logo keeps the same size in mobile.
I hope you can advice me on these 3 problems.
Thanks!
Oh I see, you’re using the Primary Navigation that’s why the responsive icon isn’t showing up as it was only designed for the Menu that is used in the Header Right widget area (just like the demo). Most people use the Header Right for their menu so that’s why it originally worked for that particular menu. However, if you would prefer to use the Primary Menu area instead of the Header Right, then you can use the newer version 1.4.1 and it will automatically work since I’ve added the code in for that menu area.
I’m guessing you got the footer code from this page right? – http://my.studiopress.com/snippets/footer/#custom-footer Are you sure you don’t have any code anywhere else that edits your footer? I’d recommend using one of the other code snippets instead. Try this one for the entire footer area –
//* Customize the entire footer
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'sp_custom_footer' );
function sp_custom_footer() {
?>
<p>© Copyright 2012 <a href="http://mydomain.com/">My Domain</a> · All Rights Reserved · Powered by <a href="http://wordpress.org/">WordPress</a> · <a href="http://mydomain.com/wp-admin">Admin</a></p>
<?php
}
I didn’t see a logo/image, but I did see text on your site which shows up fine on my end (checking from an iPhone).
Hi Wes,
* I was able to fix the issue with the footer, that code snippet you sent me works perfectly, thanks a lot! 馃檪
* Now I am using the header right widget area for the menu, but still not working on mobile 馃檨
* I put the logo in the header, it looks weird on mobile as well. (it cuts the right side, it is not being resized)
Thanks!
Did you replace all the files or just the css for the update? It appears you updated the CSS file but there were other files that were updated for 1.4.1 In this case the responsive menu icon is showing up in your source code as a class instead of an ID. The CSS in 1.4.1 for the responsive icon uses ID’s and 1.4 used “classes”….I updated the CSS and the Responsive Menu file located in the folder labeled js inside the theme.
You can update and replace the responsive-menu.js in the js folder with the following code –
jQuery(function( $ ){
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');
$(".responsive-menu-icon").click(function(){
$(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
$(".responsive-menu > .menu-item").removeClass("menu-open");
}
});
$(".responsive-menu > .menu-item").click(function(event){
if (event.target !== this)
return;
$(this).find(".sub-menu:first").slideToggle(function() {
$(this).parent().toggleClass("menu-open");
});
});
});
Copy/Paste the above code and replace the entire file, and that will change the class to an ID and should instantly fix it. As mentioned earlier the updated code above will also allow the Primary Menu to use the icon as well.
****************
For the logo –
Look for the responsive section labeled should be around line 4076 in your style.css-
/* iPads (portrait)
--------------------------------------------- */
@media only screen and (max-width: 1023px) {
Then add the following code in this section –
.site-title a {
background-position: center top !important;
background-size: contain !important;
}
That will allow it to resize and it will also center on mobile and tablet devices.
Since your logo is directly at the top when viewed on mobile devices, you can add space by adding this to the top of your .head-wrap (header/logo area) like this –
.head-wrap {
padding-top: 20px;
}
Add this under the same code above
Let me know if that works.
I thought you were already using the latest version. I setup your account with access a couple days ago, so you can download the latest version from here – https://appfinite.com/my-account
BTW are you using a caching plugin? Sometimes when people make changes they have to clear their browser cache (Reload button) or clear their caching plugin.
Wes,
It works fine now! thanks a lot for your help! 馃檪 cheers!
You’re Welcome!
