Header text position problem

Hello, I got this problem between 320px and 618px in width please have a look at the screen capture in attachment.

There is an unwanted padding that comes on the left of the text. The problem occurs until the width of the browser reaches 619px. I would like to have the same text position from 320px to 618px as it occurs at 619px and beyond.

Regards

Could you please post an url to your site?

http://www.quebecguitare.ca

This code in override.css should do:

Code: Select all

@media (max-width: 600px) {
   .gk-header1 {
      padding: 180px 5% 100px 5% !important;
   }
   .gk-header1 p {
      margin: 0 !important;
   }
}


Thank you Solved.

Please let me know if you would have any additional questions regarding this topic.