ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / fcxpro.com / wp-content / plugins / webon-core / inc / mobile-header / assets / css / scss

$left-right-spacing: 12px;

#qodef-page-mobile-header {
	background-color: #fff;
	
	.qodef-widget-holder {
		display: flex;
		align-items: center;
		height: 100%;
		
		.widget {
			margin: 0 0 0 $left-right-spacing;
		}
	}
	
	.widget {
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		
		.textwidget > *,
		.widget p {
			margin: 0;
		}
	}
	
	div[id^="monster-widget-placeholder"],
	div[id^="woo-monster-widget-placeholder"] {
		display: none;
	}
	
	.qodef-mobile-header-opener {
		&:hover {
			color: $heading-color;
		}
		
		&.qodef--opened {
			color: $heading-color;

.qodef-m-icon {
				visibility: hidden;

.qodef-m-line {
					&.qodef--1 {
						width: 26px;
						top: 11px;
						transform: rotate(45deg);
					}

&.qodef--2 {
						width: 26px;
						top: 11px;
						transform: rotate(-45deg);
					}

&.qodef--3 {
						display: none;
					}
				}
				
				&.qodef--close {
					visibility: visible;
					display: flex;
					align-items: center;
					height: 100%;

.qodef-m-line {
						&.qodef--1 {
							width: 26px;
							top: 11px;
							transform: rotate(45deg);
						}

&.qodef--2 {
							width: 26px;
							top: 11px;
							transform: rotate(-45deg);
						}

&.qodef--3 {
							display: none;
						}
					}
				}
			}
		}
	}
	
	.qodef-mobile-header--sticky & {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		transform: translateY(-100%);
	}
	
	.qodef-mobile-header--sticky-animation & {
		transition: transform 0.3s ease, top 0.3s ease;
	}
	
	.qodef-mobile-header--sticky-display & {
		transform: translateY(0%);
	}
	
	.admin-bar.qodef-mobile-header--sticky-display & {
		top: 46px;
	}
}

#qodef-page-mobile-header-inner {
	
	&.qodef-content-grid {
		padding: 0;
	}
	
	.qodef--passepartout & {
		padding: 0;
	}
}

.qodef-mobile-header-navigation {
	
	ul {
		
		li {
			
			.qodef-content-grid {
				width: 100%;
			}
		}
	}
}

[-] _mobile-logo-default.scss [edit]
[+] ..
[-] _mobile-header-default.scss [edit]
[-] _mobile-navigation-default.scss [edit]