Perfect Theme Mobile Issues

[Paul]

Love the theme but have a couple of questions. http://bestdogtrainingtampa.com/

I used Header style 3 as it works better with site layout and menu options. Problem is with menu in mobile view. When you go to click menu on right side the header image is what activates- not the menu. When I use Header style 1 this is not a problem, only when header image is centered using style 3 or 4.

Second issue is overall site itself in mobile view. The site renders slightly too big and does not fit to frame of iPhone without pinching to reduce size slightly. I tried changing font sizes but still issue persists. Is there a css fix for this?

Many thanks.

[Sonal S Sinha]

Hi Paul,

Kindly go to Appearance>>Customize>>Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
#simple-menu { z-index:100000000;}
}

For second question:

Kindly go to header.php

Find: <meta name=”viewport” content=”width=device-width, initial-scale=1.1″/>

and replace: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>

Regards,
Chris

[Paul]

Awesome! Many thanks. One last question on this theme. In the testimonials section how can I add arrows for navigation? Right now the dots and swiping left right does not always works as it should.

[Sonal S Sinha]

Hi Paul,

Kindly go to assets>> js>> complete.js

Find:

jQuery(document).ready(function() {jQuery(“.clientbox”).wrapAll(‘<div class=”clientarea” />’),jQuery(“.blocksbox”).wrapAll(‘<div class=”servicerow” />’),jQuery(“.thumb”).wrapAll(‘<div class=”servicerow” />’),jQuery(“.perfectbox”).wrapAll(‘<div class=”perfrow” />’)
}), jQuery(document).ready(function() {
jQuery(‘.bxslider’).show().bxSlider({
slideWidth: 360,
minSlides: 3,
maxSlides: 3,
moveSlides: 1,
slideMargin: 28,
speed: 2000,
controls: !1,
})
}),

And remove controls exclamation mark (!1).

Regards,
Chris

[Author]

Posts