CSS Customization for navigation panel, contact form and main header

• 

  asklandlordandtenant · Member · Nov 8, 2016 at 11:33 pm

  • Copy link
  • Add topic to favorites

  1) is there a way I could rearrange my navigation panel vertically

  2)is there a way I could customize the main header “asklandlordandtenant” between two horizontal lines.

  3)How can I stop the default fields from displaying on my contact form

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 12, 2016 at 9:33 am

  • Copy link

  Hi there,

  1) is there a way I could rearrange my navigation panel vertically

  Add the following to the bottom of your custom CSS. I’ve used a Media Query to limit this to screen/window widths where the full menu shows so it doesn’t cause issues with the touch device menu.

  @media screen and (min-width: 46em) {
  	.main-navigation li#menu-item-18 a::after {
      content: "2666" !important;
      color: rgba(232,233,234,.25) !important;
      display: inline-block !important;
      font-family: Arial,Helvetica,sans-serif !important;
      margin-left: 1em !important;
    }
  	.main-navigation li {
  		display: block;
  	}
  }

  2)is there a way I could customize the main header “asklandlordandtenant” between two horizontal lines.

  The following adds a border to the top and bottom of the custom header image on your site main (home) page. You can edit the colors and the border thickness as desired.

  .home .custom-header-image {
      border-top: 10px solid #cc0000;
      border-bottom: 10px solid #cc0000;
  }

  3)How can I stop the default fields from displaying on my contact for

  When you create the contact form, you can add/delete fields as you desire. You can find more information by visiting our Contact Form support page.