.x-header-landmark issues

So i’ve added padding on top and bottom of my logo and now my .x-header-landmark is being cut off as you can see here http://dev.svdpsm.org/give/donate-goods. The header/page title looks good on mobile but it is being cutoff on desktop. I added padding-top to the .x-header-landmark and it fixed it but then added a space in between on mobile. Pleas help.

Hello @svdpsm,

Thanks for asking. :slight_smile:

Unfortunately upon visiting your website, I see 500 Internal Server Error. https://cl.ly/3M2g1G3w2l3h. Please update us once the issue is resolved and we will take a closer look.

You can refer following articles for some possible causes and solutions to 500 error message:



Thanks.

Apologies, the internal 500 server error is taken care of, was updating my php/mySQL.

Should be good to go now.

Hello @svdpsm,

Thanks for updating thread. :slight_smile:

You can add following following CSS under X > Theme Options > CSS:

@media only screen and (min-width: 900px) {
    .x-header-landmark {
    margin-top: 55px;
}
}

Let us know how it goes.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.