also, you said there are some errors, one of them being the below, how do i fix this?
‘There are some errors in your css that you’ll probably want to fix (it could be whats causing your issue). Here is one of them on line 4056 –
.header-image .site-header,
.header-image .site-header .wrap {
background-position: center middle!important;
}
Hi Eric – firstly – thank you for your assistance its much appreciated!!!
I have tried to add the you suggested above to line 4053
.header-image .title-area {
clear: both;
}
it doesn’t appear to have made a difference with the iPad version of the site…
Any other suggestions?
Hi how do i fix this issue then? it is showing up fine on a mobile/cell phone but not on a tablet…
Hi Wes
A few people have contacted me and said that the problem stated above (half the logo being cut off) still exists when the website is accessed on iPads (and i assume other tablets).
The problem originally existed when the site was accessed on Mobiles/cell phones. That problem was fixed by you.
However it appears that the logo is showing up normally on mobiles/cellphones but showing up wrong on iPads/tablet devices – with half of the logo being cut off.
Thanks
NIck
Thanks Wes! All fixed now..
Did you see my other question about the logo size in the mobile version of the site?
In mobile version it is cutting off half the logo, i.e. only showing around 50% of the logo.
Can you please fix this?
Thanks again
Hi Wes just to let you know I sent you the login info in private reply. please let me know its all received
thanks
Hi Wes did you receive the details?
I have changed the code to replace it with what you suggested above, and still the site does not have the dropdown burger menu like it should.
This is a big problem as most of our users access the site from mobiles/tablets and at the moment the site looks a mess in mobile format.
Thanks
Nick
Hi – I just checked and this folder and file does exist in the theme.
The code in the file name is slightly different however and not as detailed. see below the exact code from the file
jQuery(function( $ ){
// Enable responsive menu icon for mobile
$(“header .genesis-nav-menu”).addClass(“responsive-menu”).before(‘<div id=”responsive-menu-icon”></div>’);
$(“#responsive-menu-icon”).click(function(){
$(“header .genesis-nav-menu”).slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$(“header .genesis-nav-menu”).removeAttr(“style”);
}
});
});
HI Eric
I checked the function file and this line is in there…see below.
wp_enqueue_script( ‘epik-responsive-menu’, get_bloginfo( ‘stylesheet_directory’ ) . ‘/js/responsive-menu.js’, array( ‘jquery’ ), ‘1.0.0’ );
What else can it be?
Thats what i thought – it should happen automatically.
No i only downloaded the theme from studiopress 1 week ago – so it is the latest version.
I haven’t tried to change anything. See if you can figure out why its not working.
Thanks Eric