Disable Footer

  • Resolved shereew

    (@shereewalker)


    3 years, 6 months ago

    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.