Forum Replies Created
-
AuthorPosts
-
SkysageMember
Hey Guys,
I had the same issue and using the information you posted, I found a solution.You have to edit both the home.js file and the global.js file.
The home.js file controls what appears only on the home page and the global.js file controls what appears on all the other pages.
Here's what you need to add to the bottom of both files before the closing }); tag
home.js
$('.front-page-header').css('background-image', 'url("/Path_to_Image_Folder/Home_Page_Background_Image.jpg")');
global.js
$('.front-page-header').css('background-image', 'url("/Path_To_Image_Folder/All_Other_Pages_Background_Image.jpg")');
Have fun.
Tarik
SkysageMemberHi Guys,
I had the same problem.
I posted the solution here:
http://www.studiopress.community/topic/cafe-pro-responsive-menu-replace-site-title-with-logo/April 3, 2015 at 12:49 pm in reply to: Cafe Pro | How to make mobile responsive 'secondary' menu the default? #146577SkysageMemberI solved it.
Here's the code I changed:
Home.js
jQuery(function( $ ){ // Header Height var navHeight = $('.nav-primary').outerHeight(); var snavHeight = $('.nav-secondary').outerHeight(); var beforeheaderHeight = $('.before-header').outerHeight(); var windowHeight = $(window).height(); var newHeight = windowHeight - navHeight - snavHeight - beforeheaderHeight; $('.front-page-header') .css({'height': newHeight +'px'}); $('.image-section') .css({'height': windowHeight +'px'}); $(window).resize(function(){ var navHeight = $('.nav-primary').outerHeight(); var snavHeight = $('.nav-secondary').outerHeight(); var beforeheaderHeight = $('.before-header').outerHeight(); var windowHeight = $(window).height(); var newHeight = windowHeight - navHeight - snavHeight - beforeheaderHeight; $('.front-page-header') .css({'height': newHeight +'px'}); $('.image-section') .css({'height': windowHeight +'px'}); }); // Sticky Navigation var headerHeight = $('.site-header').innerHeight(); var beforeheaderHeight = $('.before-header').outerHeight(); var abovenavHeight = headerHeight + beforeheaderHeight - 1; if( $( document ).ready()){ $('.nav-primary').addClass('fixed'); } });
Global.js
jQuery(function( $ ){ $('.site-header').addClass('front-page-header'); $('.footer-widgets').prop('id', 'footer-widgets'); $(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>'); $(".responsive-menu-icon").click(function(){ $(this).next(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").slideToggle(); }); $(window).resize(function(){ if(window.innerWidth > 800) { $(".nav-primary .genesis-nav-menu, .nav-secondary .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"); }); }); // Local Scroll Speed $.localScroll({ duration: 750 }); // Sticky Navigation var headerHeight = $('.site-header').innerHeight(); var beforeheaderHeight = $('.before-header').outerHeight(); var abovenavHeight = headerHeight + beforeheaderHeight - 1; if( $( document ).ready()){ $('.nav-primary').addClass('fixed'); } });
April 3, 2015 at 12:13 pm in reply to: Cafe Pro Responsive Menu : Replace Site Title with Logo #146573SkysageMemberI got it solved.
I used firebug to find the class that had the site title in the menu and then I added a background image specifying my logo.
I also got help by looking at a site that had a layout like how I wanted it.
Here is the code I changed in style.css
.nav-primary .small-site-title { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0; opacity: 0; background-color: #fff; background-image: url("http://www.website.com/wp-content/uploads/2015/04/logo.png"); }
March 15, 2015 at 5:58 pm in reply to: Cafe Pro Responsive Menu : Replace Site Title with Logo #144552SkysageMemberThanks for your help Christoph. I'lkl try this and see if it works.
-
AuthorPosts