Title: Issues with responsive design
Last modified: August 30, 2016

---

# Issues with responsive design

 *  Resolved [kiraeviston](https://wordpress.org/support/users/kiraeviston/)
 * (@kiraeviston)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/)
 * 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)

 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398565)
 * 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](https://wordpress.org/support/users/kiraeviston/)
 * (@kiraeviston)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398567)
 * How do I find this? In the Editor page?
 * Thanks,
 * Kira
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398585)
 * Hi kiraeviston,
 * Please follow the step below to find file location:
    ->themes->your_theme name(
   default : lavish)->js->lavish_extras.js
 * Thanks
 *  [adevandry](https://wordpress.org/support/users/adevandry/)
 * (@adevandry)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398622)
 * Hi StyledThemes. I tried your solution and it still is not working.
 * When clicking the navigation button on mobile, nothing happens.
 *  [Styled Themes](https://wordpress.org/support/users/gejay/)
 * (@gejay)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398626)
 * 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
 *  [adevandry](https://wordpress.org/support/users/adevandry/)
 * (@adevandry)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398630)
 * 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;
       }
       }
       ```
   
 *  [Saddam Kassim](https://wordpress.org/support/users/onlysaddam/)
 * (@onlysaddam)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398654)
 * 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
 *  [marigillian](https://wordpress.org/support/users/marigillian/)
 * (@marigillian)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398681)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/lavish/2.5.2/screenshot.png)
 * Lavish
 * [Support Threads](https://wordpress.org/support/theme/lavish/)
 * [Active Topics](https://wordpress.org/support/theme/lavish/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/lavish/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/lavish/reviews/)

## Tags

 * [navigation](https://wordpress.org/support/topic-tag/navigation/)

 * 8 replies
 * 5 participants
 * Last reply from: [marigillian](https://wordpress.org/support/users/marigillian/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/issues-with-responsive-design/#post-6398681)
 * Status: resolved