Page title overlaps menu background

hello,

on a mobile device (ipad, iphone) the page title overlaps the menu background, thus lacking visibility (i attached an example). how can i fix this?

thanks,
sega

You could try adding some custom CSS. Add the following media query to your custom CSS to fix the issue. It is caused by the fact that the header’s CSS positioning is set to absolute instead of relative. Which is why the header overlaps the content div.

here is the code:

@media (max-width: 767px) {
 .page-wrap {
  padding: 150px 0 100px;
 }
}

Hugs
Sas

P.S.: to add custom CSS, you could install a custom CSS plugin, in case you are not using a child theme of course.

saskia,

thank you! it worked perfectly! and thanks as well for the advice to install custom css plugin (i don’t have a child theme).

best,
sega