Responsive Design not working

Illdy
1

Hello,

on my website lenguadefuego.com is everything working quite well so far.
But visiting it from a mobile phone produces bullshit - the header (jumbotron) is somewhere, the logo (main center title) somewhere else, and the menu is white letters on white ground (its white, because the header image is black), because its not on the image, but somewhere else.
When I tap somewhere on the screen, at the right place the menu opens and I can click on the entries.
Maybe you just look at it at yourself :smiley:
I would really appreciate if somebody would help me with this!

Thank you!

2

Hello there,

I hope you are doing well today.

Could you please tell me have you made any changes to the CSS or PHP code of the theme?

Best Regards,
Support

3

Hello,

I tried some… adding for example this to the additional CSS:

@media only screen and (max-width: 768px) {
#header {
background-attachment: initial !important;
}
#header .bottom-header h2 {
font-size:66px;
}
}
#page #logo img {
max-width: 100%;
}
/* #site-title a img {
vertical-align: inherit;
max-width: 96%;
}

`
But now I think everything shuold be like in the beginning.

Something else I did - I installed the parallax-plugin for having the title removed and placed an image instead. I suppose this image (the red letters in the middle) causes the problem…
(https://colorlibsupport.com/t/changing-header-titel-to-image-on-static-page-and-changing-font/)

Thanks for your help!
Liilou