Atul

Try this:

.page #masthead .container {
	border-bottom: none;
}

#showcase .showcase-item img {
	display: block;
	width: 100%;
}

.section-title span {
	display: block;
	line-height: 1;
}

You need to make the site publicly visible, so that I can give you some suggestion.

I believe you are talking about the menu below the logo. If so, try this:

#nav-main {
  margin-bottom: 0px;
}

Try this:

.site-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

You can change for this .nav__primary ul.sf-menu li a

You can use the following as starting:

.entry {
  clear: both;
}

.entry ul {
  margin: 1em 0 0;
  float: left;
  width: 14%;
}

.entry ul li {
  list-style: square;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  background: transparent;
}

ul.property_search-tabs li.epl-sb-current {
  color: #222;
  border-bottom: 0;
  margin-bottom: 0;
  background: transparent;
}

.epl-search-forms-wrapper {
  float: right;
  width: 86%;
}

.epl-search-slim .epl-search-row-half,
.epl-search-slim .epl-property_location,
.epl-search-slim .epl-property_category,
.epl-search-slim .epl-search-other {
  width: 14.8%;
}

.epl-search-slim .epl-search-submit-row {
  width: 11%;
  margin-right: 0;
  margin-top: 1.6em;
}

You should see it like this: https://imgur.com/a/OlwHb

For radio options, I believe you will need to add those manually and use jQuery to get the values when submitting the form.

You can simply add display: none; to .carousel class under media query. Adjust the width to whatever you need to hide it for:

@media (max-width: 480px) {
  .carousel {
    position: relative;
    display: none;
  }
}

Modify the below css code in style.css to as shown below:

ul.nav-menu, div.nav-menu > ul {
  margin: 0;
  padding: 0 40px 0 0;
  text-align: center;
}

• This reply was modified 8 years, 1 month ago by Atul.

It seems the theme you are using is generating all that css code through some settings in wp-admin. So if you are able to change those, it would be better to change the padding values to what I suggested. Or you can simply paste it in main-style.css. I have modified the code so that it overrides the theme ones.

.nav__primary ul.sf-menu li a {
  padding: 21px 25px 27px !important;
}

@media (max-width: 979px) {
  .nav__primary ul.sf-menu li a {
    padding: 21px 7px 27px !important;
  }
}

@media (max-width: 1199px) {
  .nav__primary ul.sf-menu li a {
    padding: 21px 12px 27px !important;
  }
}

You need to change the padding as below. So basically do below and it’ll fit. Also you may adjust the font size to give menu items more spacings.

.nav__primary ul.sf-menu li a {
  padding: 21px 25px 27px;
}

@media (max-width: 979px) {
  .nav__primary ul.sf-menu li a {
    padding: 21px 7px 27px;
  }
}

@media (max-width: 1199px) {
  .nav__primary ul.sf-menu li a {
    padding: 21px 12px 27px;
  }	
}

• This reply was modified 8 years, 1 month ago by Atul.

I think you’ll need some professional help for this.

The one having navigation. Most probably header.php

Also check if table prefix in wp-config.php matches with what you have in database (case-sensitive).

Did you checked wp-config.php in the site’s root?

In firefox, command + shift + K and reload the page