Demo Car Template

Question

Hello,

I'm blown totally away with this product...
It's very well designed and has to be one of the best I've seen yet.

I am presently working with your 'demo-car.html' template.
What would be the code to reverse header set-up? I'm looking to place the logo to left and navigation to the right side.

Also, how could I move text to right side on 'swiper-container'? As well as position to bottom? Right now the only option that's allowed is left and center. Is the anyway to accomplish this?

Thank you,
Nina

SemiColonWeb · Accepted Answer

Hello,

Than You so much for the Kind Words! :)

Simply find and delete the following code from the demos/car/car.css File:

#logo { float: right; }
#primary-menu { float: left; }

Remove the .top-left Class from the .slider-caption Element. Then add the .slider-caption-right Class to it and then the following CSS Code:

.slider-caption-right {
	top: auto !important;
	bottom: 80px !important;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

cochn01 · Answer

Your are most welcome and desire every bit of it.
:-)

Worked Perfect
However didn't work for me. Perhaps I'm doing something wrong.
Are you saying to add as follows?

.slider-caption,
.slider-caption-right {
margin-top: -150px;
top: auto !important;
bottom: 80px !important;
}

I found on LINE 542 in car.css .slider-caption.top-left

Thanks, again
Nina

Semicolon Web · Answer

Hello, 2. You do not have to touch any code in the demos/car/car.css File. Remove the .top left Class from the .slider caption Element in your HTML Page. Then add the .slider caption right Class to it and then the following CSS Code inside the same Page's <head> : This will definitely work fi…