Skip to content
Public Ticket #16156

the menu is scrolling on

Conversation thread

PenciDesign replied

Staff Reply

Hi,

I see it works fine, so I think there is something relate to the caching plugin you're using. I just clear all the cache - you can check it again on anonymous browsers to get correct results.

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

When I login to your admin page by use the information you provided. I got 403 issue - check this image:

http://prntscr.com/10nxt1p

Is your admin page blocked IPs from some countries? Or are you using any security plugin?

If yes, let check and disable it for me. When I done, you can re-enable it.

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Please send me your WordPress site admin URL and admin account ( username and password  ). I will take a look at this to help you.  

Best Regards,

PenciDesign

yusaa replied

Customer Reply

I added the code but the problem did not fix.

PenciDesign replied

Staff Reply

Hi,

This issue caused by your menu is too long on those screens and it doesn't enough space to display in one row.

You can add more this code to Customize > Custom CSS to make it auto resize when screen is too small:

@media only screen and (max-width: 1169px){
    #navigation.header-11>.container, #navigation.header-10>.container {
    display: table;
    }
    .main-nav-social{ margin-right: 0; }
    #navigation .menu,
    #navigation.header-11 .penci-menu-wrap, #navigation.header-10 .penci-menu-wrap {
        display: none !important;
    }
    .penci-mobile-hlogo, #navigation .button-menu-mobile {
    display: inline-block;
}
    .penci-hlogo-center .penci-mobile-hlogo, .penci-hlogo-center #navigation.header-6 #logo{ float: none; margin: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; }
    #sidebar-nav { display: block; }
    #navigation, .sticky-wrapper:not( .is-sticky ) #navigation, #navigation.sticky:not(.sticky-active),
    .sticky-wrapper.is-sticky #navigation, .is-sticky #navigation.menu-item-padding, .is-sticky #navigation.menu-item-padding, #navigation.sticky-active, #navigation.sticky-active.menu-item-padding, #navigation.sticky-active.menu-item-padding{
        height: 60px !important;
    }
    #navigation .menu > li > a, .main-nav-social, #navigation.sticky:not(.sticky-active) .menu > li > a, #navigation.sticky:not(.sticky-active) .main-nav-social, .sticky-wrapper:not( .is-sticky ) #navigation .menu>li>a, .sticky-wrapper:not( .is-sticky ) .main-nav-social,
    .sticky-wrapper.is-sticky #navigation .menu>li>a, .sticky-wrapper.is-sticky .main-nav-social, #navigation.sticky-active .menu > li > a, #navigation.sticky-active .main-nav-social { line-height: 58px !important; height: 58px !important; }
}

Best Regards,

PenciDesign

yusaa started the conversation

Conversation Start

Hello, the menu is scrolling on some screens. Why is this happening?

Want to join this conversation or access attachments? Sign in first.