text higher on jumbotron

see my screenshot… how can i put the text higher on the jumbotron?

thanks :slight_smile:

Hello,

Please try to use this CSS solution, should fix the issue:

@media only screen and (max-width: 767px){
#header .bottom-header {
    padding-top: 40px;
}
}

Let me know if you got it alright.

Regards

you mean this code?

/* 17. Responsive */
@media only screen and (max-width: 767px) {
  #header .top-header .header-logo img {
    max-width: 320px;
  }
  #header .bottom-header h2 {
    font-size: 60px;

and make it…

/* 17. Responsive */
@media only screen and (max-width: 767px) {
  #header .top-header .header-logo img {
    max-width: 320px;
  }
  #header .bottom-header h2 {
    font-size: 60px;
    padding-top: 40px;

?

this does nothing…

Hello,

Yes, that is the code that is handling the styling, but I’d suspect that you are changing it in the expanded file while the theme is using the minified main.min.css

You should add the code I provided at the end of the file to overwrite everything.

Additionally, try putting it in the Dashboard > Appearances > Editor > Style.css or use a plugin like simple custom CSS.

Let me know if you got it alright.

Regards

Hello,

Yes, that is the code that is handling the styling, but I’d suspect that you are changing it in the expanded file while the theme is using the minified main.min.css

You should add the code I provided at the end of the file to overwrite everything.

Additionally, try putting it in the Dashboard > Appearances > Editor > Style.css or use a plugin like simple custom CSS.

Let me know if you got it alright.

Regards