Site opens with menu in top left

It is a distraction being so big there. Is there a way to switch it so the user can select it later instead of opening full size upon landing on the homepage? Thank you, mark;-)

 

Hello,

Could you please provide us 'URL' of your site with some edited screenshot so that we can better assist you?

If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

Thanks & Regards!
Priyanka
InkThemes.com

 

http://couponenterprises.com/ see menu in top left instead of being retracted?

 

Hello,

We got your concern..

You are suggested to replace the blackwelltheme\js\bigslide.js file with the below code.

Code:

/*! bigSlide - v0.4.3 - 2014-01-25
* http://ascott1.github.io/bigSlide.js/
* Copyright (c) 2014 Adam D. Scott; Licensed MIT */
(function($) {
 
    $.fn.bigSlide = function(options) {
        'use strict';
        var settings = $.extend({
            'menu': ('#push_panel'),
            'push': ('.push'),
            'side': 'left',
            'left': 'margin-left',
            'menuWidth': '300px',
            'speed': '300',
            'tpl_container': ('.container_24'),
            'menu_icon': ('.menu-link'),
        }, options);
 
        var menuLink = this,
                menu = $(settings.menu),
                push = $(settings.push),
                container = $(settings.tpl_container),
                menu_icon = $(settings.menu_icon),
                width = settings.menuWidth;
 
        var positionOffScreen = {
            'position': 'fixed',
            'top': '0',
            'bottom': '0',
            'settings.side': '-' + settings.menuWidth,
            'width': settings.menuWidth,
            'height': '100%'
        };
 
        var animateSlide = {
            '-webkit-transition': settings.side + ' ' + settings.speed + 'ms ease',
            '-moz-transition': settings.side + ' ' + settings.speed + 'ms ease',
            '-ms-transition': settings.side + ' ' + settings.speed + 'ms ease',
            '-o-transition': settings.side + ' ' + settings.speed + 'ms ease',
            'transition': settings.side + ' ' + settings.speed + 'ms ease'
        };
 
        var animateMarginSlider = {
            '-webkit-transition': settings.left + ' ' + settings.speed + 'ms ease',
            '-moz-transition': settings.left + ' ' + settings.speed + 'ms ease',
            '-ms-transition': settings.left + ' ' + settings.speed + 'ms ease',
            '-o-transition': settings.left + ' ' + settings.speed + 'ms ease',
            'transition': settings.left + ' ' + settings.speed + 'ms ease'
        };
 
      menu.css('left', '0');
        push.css(settings.left, settings.menuWidth);
        menu.css(positionOffScreen);
        push.css(animateMarginSlider);
        menu.css(animateSlide);
 
 
        container.open = function() {
            container.css(settings.left, 'auto');
        }
 
        container.close = function() {
            container.css(settings.left, 'auto');
        }
 
        menu_icon.open = function() {
            menu_icon.css('right', '-48px');
        }
 
        menu_icon.close = function() {
            menu_icon.css('right', '5px');
            $('.logo').css('padding-top', '90px');
        }
 
        container.open();
 
        menu.open = function() {
            menu._state = 'open';
            menu.css(settings.side, '0');
            push.css(settings.left, width);
            container.open();
        };
 
        menu.close = function() {
            menu._state = 'closed';
            menu.css(settings.side, '-' + width);
            push.css(settings.left, '0');
            container.close();
 
        };
 
        var ua = navigator.userAgent;
        var event = (ua.match(/iPad/i)) ? 'touchstart' : 'click';
 
        $(menu).trigger(event);
 
        menuLink.on(event + '.bigSlide', function(e) {
            e.preventDefault();
            var viewPortWidth = $(window).width();
            if (menu._state == 'open') {
                menu.close();
                if (viewPortWidth < 600) {
                    menu_icon.open();
                }
            } else {
                menu.open();
                if (viewPortWidth < 600) {
                    menu_icon.close();
                }
            }
 
        });
 
        var detectViewPort = function() {
            var viewPortWidth = $(window).width();
            if (viewPortWidth < 960) {
                menu.css(settings.side, '-' + width);
                push.css(settings.left, '0');
                container.close();
            } else {
                menu.css(settings.side, '-300px');
                push.css(settings.left, 'auto');
                container.open();
            }
 
        };
 
        detectViewPort();
 
        $(window).ready(function() {
            detectViewPort();
        });
//        menuLink.on('touchend', function(e) {
//            menuLink.trigger(event +'.bigSlide');
//            e.preventDefault();
//        });
        return menu;
        };
}(jQuery));
jQuery(document).ready(function() {
    jQuery('.menu-link').bigSlide();
});

here is the screenshot of the file where you have replaced the code..



Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

@priyanka thank you very much! works perfectly now. have a great day, mark;-)