Skip to content

vikas kushwaha / lake-estate

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 8173f2f3 by Harshit
Options

lp

1 parent dc1ba597
Inline Side-by-side
Showing 2 changed files with 28 additions and 12 deletions
css/style.css
...@@ -292,6 +292,17 @@ img { ...@@ -292,6 +292,17 @@ img {
vertical-align: top; vertical-align: top;
} }
/* Keep the menu items inline-block (not floated) so the inline-block
<ul> actually contains them and centers/wraps within col-md-8 instead
of overflowing to the right and overlapping the logo. */
@media (min-width: 768px) {
.navbar .navbar-nav > li {
float: none;
display: inline-block;
vertical-align: top;
}
}
.navbar .navbar-collapse { .navbar .navbar-collapse {
text-align: center; text-align: center;
} }
...@@ -361,11 +372,25 @@ img { ...@@ -361,11 +372,25 @@ img {
.navbar-nav > li > a { .navbar-nav > li > a {
line-height: 30px !important; line-height: 30px !important;
margin-right: 23px; margin-right: 12px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
outline: none; outline: none;
font-size: 15px; font-size: 15px;
white-space: nowrap;
}
/* Medium desktops/laptops: tighten the menu so the items don't
overflow the col-md-8 and overlap the flanking logos. */
@media (min-width: 768px) and (max-width: 1199px) {
.navbar-nav > li > a {
margin-right: 4px;
font-size: 13px;
}
.navbar-brand {
width: 110px;
}
} }
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:focus,
...@@ -416,7 +441,7 @@ img { ...@@ -416,7 +441,7 @@ img {
#carousel-example-generic .carousel-inner > .item > img { #carousel-example-generic .carousel-inner > .item > img {
width: 100% !important; width: 100% !important;
margin-top: 54px; margin-top: 70px;
} }
.section { .section {
......
index.php
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
<!-- Latest compiled and minified bootstrap CSS --> <!-- Latest compiled and minified bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css?v=0.02"> <link rel="stylesheet" href="css/style.css?v=0.03">
<!-- <link rel="stylesheet" href="css/responsive.css"> --> <!-- <link rel="stylesheet" href="css/responsive.css"> -->
<link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
...@@ -91,8 +91,6 @@ ...@@ -91,8 +91,6 @@
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="m-link"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li><a href="#overview" class="m-link">Overview</a></li> <li><a href="#overview" class="m-link">Overview</a></li>
<li><a href="#configuration" class="m-link">Configuration</a></li> <li><a href="#configuration" class="m-link">Configuration</a></li>
...@@ -100,12 +98,8 @@ ...@@ -100,12 +98,8 @@
<li><a href="#gallery" class="m-link">Gallery</a></li> <li><a href="#gallery" class="m-link">Gallery</a></li>
<li><a href="#location" class="m-link">Location</a></li> <li><a href="#location" class="m-link">Location</a></li>
<li><a href="#about" class="m-link">About Us</a></li> <li><a href="#about" class="m-link">About Us</a></li>
<li><a href="#faq" class="m-link">FAQs</a></li>
<li><a href="#contactus" class="m-link">Contact Us</a></li> <li><a href="#contactus" class="m-link">Contact Us</a></li>
<li><a href="#" class="m-link download1">Download Brochure</a></li>
</ul> </ul>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
</div> </div>
...@@ -137,11 +131,8 @@ ...@@ -137,11 +131,8 @@
<a class="close-menu m-link" href="#about">About Us</a> <a class="close-menu m-link" href="#about">About Us</a>
<a class="close-menu m-link" href="#faq">FAQs</a>
<a class="close-menu m-link " href="#contactus">Contact Us</a> <a class="close-menu m-link " href="#contactus">Contact Us</a>
<li><a href="#" class="m-link download1 ">Download Brochure</a></li>
<!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i> <!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i>
<?php echo $cta ?></a> --> <?php echo $cta ?></a> -->
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!