Perfect Theme Mobile Issues

Home Forums All Other Themes Perfect Theme Mobile Issues

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #62512
    Paul
    Member
    • Topics: 7
    • Replies: 22
    • Total: 29
    Member since: September 28, 2016

    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.

    #62581
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25494
    • Total: 25494
    Member since: August 16, 2013

    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

    #62659
    Paul
    Member
    • Topics: 7
    • Replies: 22
    • Total: 29
    Member since: September 28, 2016

    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.

    #62706
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25494
    • Total: 25494
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.