Iss

[RTJohnson85]

I have made this modification per a community form your team ran a suggestion. In the photo the logo resolutions needs to be fixed, however, my issue is with the following divider line not being in the correct place after the logo. It broke when I added the normal & Sticky logo code.

Demo-one-page-agency-html

<div class="body">
			<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAtElement': '#header', 'stickySetTop': '0', 'stickyChangeLogo': false}">
				<div class="header-body">
					<div class="header-container container-fluid px-0">
						<div class="header-row">
							<div class="header-column custom-divider-1">
								<div class="header-row">
									<div class="header-logo px-1">
										<a href="demo-one-page-agency.html">
													<img alt="Porto" width="101" height="32" src="img/demos/one-page-agency/logo.png" />
													<img alt="Porto" width="101" height="32" src="img/demos/one-page-agency/logo1.png" />
										</a>
									</div>
								</div>
							</div>

Custom CSS

#header .header-logo img  {
	position: absolute;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	margin-top: -20px !important;
}

#header .header-logo .logo-normal  {
	opacity: 1;
}

#header .header-logo .logo-sticky {
	opacity: 0;
}

.sticky-header-active #header .header-logo .logo-normal  {
	opacity: 0;
}

.sticky-header-active #header .header-logo .logo-sticky {
	opacity: 1;
}

---

[Support]

Hello,

Try adding a width in the div that wraps the logos. Probably the best values is the width of logo plus 10 pixels. For example:

#header .header-logo {
    min-width: 200px; // Change this value according your layout/logo size. This will move the divider to right.
}

Please try that and let us know if you need further assistnace.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts