Padding for header and menu


#1

Hi,

I input the same # for padding in the CSS but it seems like the padding for the top is less and the bottom for both header and footer,… how to fix that?

My website

Thanks
Lexie


#2

Hi,

You haven’t linked your page.


#3

Opps, here is the link http://www.pivot.us.com/

but instead of the padding for the menu, I want to know how to move the text at the slider and cta button up? I want to have more space at the bottom of the slider to insert a search form.

Thanks
Lexie


#4

Something like this would move it up:


.text-slider-section {
   top: 40%;
}

Not sure how your search form will fit though.


#5

CSS code is not working… I want to have the slider looks like the airbnb. with the search window at the bottom, so I want to move the text and CTA in the center up or change the size of the font to smaller. idea?


#6

It’s not working because you have a missing } in your code after this part:


@media only screen and (max-width: 1024px) {
  .site-header {
   background-color: #dcf0f7 !important;
  }

So this code, that you already have in your custom CSS, needs to turn into this:


@media only screen and (max-width: 1024px) {
  .site-header {
   background-color: #dcf0f7 !important;
  }
}