Hambuer menu

[mantis]

Hi, I’m trying to have the hamburger menu from Architecture demo page only on mobile. On the desktop version to be like demo-architecture-2.html – normal navigation bar. Thank you

---

Template Version: /demo-architecture-interior.html

[Support]

Hello, unfortunatelly that demos wasn’s created to have that kind of navigation, but you can make some changes and have 2 navigations, check the code below to see how to start your customization with our suggestion:

---

[mantis]

Now I understand how to approach it, thank!
Would mind to explain how does the image frame element works? In this case for “our projects” section we have an “bottom info” image frame:

<div class="col-lg-4 isotope-item">
								<div class="portfolio-item">
									<a href="demo-architecture-interior-projects-detail.html">
										<span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-dark-linear custom-thumb-info-style-1">
											<span class="thumb-info-wrapper">
												<img src="img/slides/slider1.jpg" alt="" />
												<span class="thumb-info-title text-start">
													<span class="thumb-info-inner font-weight-bold line-height-1 text-4 mb-3">Project Name</span>
													<span class="thumb-info-type text-transform-none font-weight-light text-1 line-height-7 pe-xl-5 me-5">Lorem ipsum dolor sit amet, consectetur adipiscing eli blandit massa im. </span>
												</span>
											</span>
										</span>
									</a>
								</div>

1. Can I add some text to be visible on image and when you hover/click to have it transition to bottom info effect?

2. Should I edit the code with a new image frame for ex: slide info hover button from -> https://preview.themeforest.net/item/porto-responsive-html5-template/full_screen_preview/4106987
That would work the same like 1. or better? Can you help me out?

---

• This reply was modified 5 months, 4 weeks ago by Support.

[Support]

Hello, sure, you can use any of the image frames into the portfolio-item element.

Example:

---

• This reply was modified 5 months, 4 weeks ago by Support.

[mantis]

Thank you for help. One last question, regarding the navigation. How can I change the effect on it to be like hotel.html? When I hover on it to change the color to white maybe to have underline what are the settings or where can I finde them?

---

[Support]

Hello, to customiza that you need a css like this:

(css/custom.css)

#mainNav li:hover .nav-link {
	color: #FFF !important;
}

---

[Author]

Posts