Docs

[jjoves]

Questions

url: http://www.paintprotectionconcepts.com/ppc/

1. How do i remove the space between logo and content (on mobile)
2. Change height of slider (on mobile)
3. How do I center the menu button and to make it go under the logo
4. Change the menu button – to actual icon that says “menu”

[Rupok]

Hi there,

Thanks for writing in!

#1. There is no extra space between logo and content but as the menu icon falling to new line it looks like so. You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 480px) {
.x-brand.img > img {
  width: 220px;
}
}

#2. The height should be calculated automatically. You can set a min-height though but it would be better if you follow Revolution Slider Documentation and see the “Mobile Content Size / Position” part.

#3. You use the folowing code :

@media only screen and (max-width: 480px) {
.masthead-inline .x-btn-navbar {
  display: block;
  float: none;
  margin: 80px auto 5px;
  width: 24px;
}
}

In that case you don’t need the code for #1.

#4. It will say “Navigation” instead of menu but that’s totally contradictory with your other requests. I have already provided the code to make the menu button centered. Let us know if you want to show “Navigation” instead of the icon.

Thanks!

[Author]

Posts