I want to move this icon to the other side

[princemahmood]

hello ,
how i can move this icon to the other side ? is there a class that can do this or anything else ? help please

---

[princemahmood]

---

[Support]

Hello,

This is definitely possible.

We just need know what’s the header code you are trying. Please share with us the entire <header>.....</header> code you are using.

Or even better, send a test online link with your website, so we can inspect the code and send the best solution for you.

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

---

[princemahmood]

<!--
<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 135, 'stickySetTop': '-135px', 'stickyChangeLogo': true}">
			
					<div class="header-container container">
						<div class="header-row py-2">
							<div class="header-column w-100">
								<div class="header-row justify-content-between">
									<div class="header-logo z-index-2 col-lg-2 px-0">
										<a href="index.html">
											<img alt="Porto" width="200" height="200" src="img/logo.png" />
										</a>
									</div>
									<div class="header-nav-features header-nav-features-no-border col-lg-5 col-xl-6 px-0 ml-0">
										
										
										
											<h2 align="center"> Carrefour Online Shopping</h2><br>
											
										
									</div>
									
								
									<a href="shop-login.html">Login</a> | <a href="shop-register.html">Register</a> | <a href="shop-wishlist.html">Wishlist</a>
								</div>
							</div>
							<div class="header-column justify-content-end">
								<div class="header-row">


								</div>
							</div>
						</div>
					</div>
					<div class="header-nav-bar header-nav-bar-top-border bg-light">
						<div class="header-container container">
							<div class="header-row">
								<div class="header-column">
									<div class="header-row justify-content-end">
										<div class="header-nav header-nav-line header-nav-top-line header-nav-top-line-with-border justify-content-start" data-sticky-header-style="{'minResolution': 991}" data-sticky-header-style-active="{'margin-left': '105px'}" data-sticky-header-style-deactive="{'margin-left': '0'}">
											<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-3 header-nav-main-sub-effect-1 w-100">
												<nav class="collapse w-100">
													<ul class="nav nav-pills w-100" id="mainNav">
														<li class="dropdown">
															<a href="shop-home.php">
																Home
															</a>
														
														</li>
														<li class="dropdown dropdown-mega">
															<a href="shop-category.php">
																Category
															</a>
														
														</li>
														<li class="dropdown">
															<a href="shop-profile.php">
																Profile
															</a>
															
														</li>
														<li class="dropdown">
															<a href="shop-aboutus.php">
																About Us
															</a>
														
														</li>
														<li class="dropdown">
															<a href="shop-contactus.php">
																Contact Us
															</a>
														
														</li>
														
															
														<li class="dropdown">
															<a href="shop-cart.php">
																<img src="img/icons/icon-cart-big.svg" height="30" alt="" />
															</a>
														
														</li>
														
														
														
														
													
													</ul>
												</nav>
											</div>
											<button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav">
												<i class="fas fa-bars"></i>
											</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>
-->

---

[Support]

Hello,

Thanks for the code!

Please try adding the class ml-lg-auto in the last dropdown list item. Example:

<li class="dropdown ml-lg-auto">
	<a href="shop-cart.php">
		<img src="img/icons/icon-cart-big.svg" height="30" alt="" />
	</a>

</li>

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

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