• Resolved shereew

    (@shereewalker)


    Hi there

    Firstly great plugin.

    I actually only require this for the purposes of changing the mobile navigation breakpoint.

    Is there anyway to completely disable the footer options as I have a custom footer and I can’t use/access the footer.php file while this plugin is active.

    Alternatively is it possible to donate in order to get the code for JUST the mobile navigation or do you have a plugin that handles just that?

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author Twentig

    (@twentig)

    Hi,

    Thanks for your message.

    Can you please tell me how you’re building your custom footer (child theme, another plugin), so I can see why there’s a conflict between your custom footer and our plugin?
    If you don’t change Twentig’s footer options (Footer Layout and Footer Credit set to default, and Display site title/logo checked), Twentig shouldn’t interfere with your footer.

    Below is the CSS used to change the mobile navigation breakpoint (you can add it in Customizer > Additional CSS, you might need to adjust some values depending on your logo size):

    @media (min-width:482px) and (max-width: 1023px) {
    
    	.menu-button-container {
    		display: flex;
    		padding-right: calc(var(--global--spacing-horizontal) - 20px);
    		padding-top: 60px
    	}
    
    	.lock-scrolling .site {
    		position: fixed;
    		max-width: 100%;
    		width: 100%;
    	}	
    
    	.site-header .primary-navigation {
    		position: absolute;
    		top: var(--global--admin-bar--height);
    	}
    		
    	.primary-navigation-open .primary-navigation {
    		width: 100%;
    		position: fixed;
    		z-index: 2;
    	}
    
    	.primary-navigation > .primary-menu-container {
    		display: block;
    		position: fixed;		
    		visibility: hidden;	
    		opacity: 0;
    		top: 0;
    		height: 100vh;
    		z-index: 499;
    		overflow-x: hidden;
    		overflow-y: auto;			
    		transform: translateY(var(--global--spacing-vertical));
    		padding: calc(6 * var(--global--spacing-unit)) var(--global--spacing-horizontal) var(--global--spacing-horizontal);
    		background-color: var(--global--color-background);
    		margin-left: 0;
    	}
    
    	.primary-navigation > div > .menu-wrapper {
    		padding-bottom: 120px;
    	}
    
    	.primary-navigation > div > .menu-wrapper li {
    		display: block !important;
    		position: relative;
    		width: 100%;
    		margin-left: 0 !important;
    	}
    
    	.primary-navigation a {
    		font-size: var(--primary-nav--font-size-mobile);
    	}
    
    	.site-header .primary-navigation .primary-menu-container .menu-wrapper a {
    		padding-left: 0;
    		padding-right: 0;
    	}
    
    	#site-navigation .sub-menu {
    		position: relative;
    		display: block !important;
    		padding: 0 0 0 20px;
    		margin: 0;
    		border: 0;
    		top: auto;
    	}
    
    	.site-header .sub-menu-toggle,
    	.site-header .sub-menu::before,
    	.site-header .sub-menu::after {
    		display: none !important;
    	}
    }

    If you’d like to support our plugin, there’s a donate button on the Twentig WordPress plugin page just below the “View support forum” button.

    I hope the above is useful to you.
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘Disable Footer’ is closed to new replies.