• Resolved kiraeviston

    (@kiraeviston)


    Hi,

    I have just installed this version for my website:
    britandbeardswedding.com

    When I view the website on a mobile or reduced screen size the navigation isn’t working.

    The background/header image also doesn’t reduce to fit screen.

    HELP!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi kiraeviston,

    We found the bug on script, we will fix it in our next update.
    For now, please find the lavish_extras.js file inside js folder and remove the script from lavish_extras.js line no. 121 to 146.

    Thanks

    Thread Starter kiraeviston

    (@kiraeviston)

    How do I find this? In the Editor page?

    Thanks,

    Kira

    Hi kiraeviston,

    Please follow the step below to find file location:
    ->themes->your_theme name (default : lavish)->js->lavish_extras.js

    Thanks

    Hi StyledThemes. I tried your solution and it still is not working.

    When clicking the navigation button on mobile, nothing happens.

    Hi adevandry,

    We are testing it again and work perfectly, There may be issue of plugin conflict, Please check the plugin conflict in your site. if not solve let us know.

    Thanks

    Okay, that fixed it.

    I also added this CSS to it. Can you tell me why the default setting for the responsive navbar had overflow x and y scrolling and a 500px!important height?

    My code:

    @media screen and (max-width: 1030px) {
    ul.mobilemenu {
        width: 100%;
        margin: 0px!important;
        padding: 0px!important;
        z-index: 99999!important;
        height: auto;
        /* overflow-y: scroll; */
        overflow: hidden!important;
    }
    }

    Hello,
    I am also having the same issue and unable to rectify. I have used Adevandry’s CSS code but still its not working. Please Help.

    Many Thanks,
    Saddam

    Hi,

    Are these the right code to delete?
    $( ‘#bbpress-forums button’ ).addClass( ‘btn btn-sm’ );
    $( ‘#bbp_search_submit’).addClass( ‘btn’ );
    $( ‘#bbp_search’ ).addClass( ‘form-control’ );
    $( ‘#bbp-search-form’ ).addClass( ‘input-group’ );
    $( ‘#bbp_topic_title’ ).addClass( ‘form-control’ );
    $( ‘#bbp_topic_content’ ).addClass( ‘form-control’ );
    $( ‘#bbp_topic_tags’ ).addClass( ‘form-control’ );
    $( ‘#bbpress-forums select’ ).addClass( ‘form-control’ );
    $( ‘#bbp_topic_submit’, ‘.subscription-toggle’ ).addClass( ‘btn’ );
    $( ‘.subscription-toggle’ ).addClass( ‘btn btn-sm’ );
    $( ‘#bbp_anonymous_author’ ).addClass( ‘form-control col-md-6’ );
    $( ‘#bbp_anonymous_email’ ).addClass( ‘form-control col-md-6’ );
    $( ‘#bbp_anonymous_website’ ).addClass( ‘form-control col-md-6’ );

    });

    } )( jQuery );

    (function ($) {

    //Rating icons Show on Hover on Product
    $(“.woocommerce_product_list_single”).mouseover(function(){
    var rating_width = $(‘.rating’).width();

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Issues with responsive design’ is closed to new replies.