Gap created by Landmark Selector

Support
#1

I would like to remove a sizeable blank gap created by an x-header-landmark selector. It affects the main blog page in mobile screen size, and a single post viewed under any screen size.

Here’s the main blog page link (view in mobile screen size):

Here’s the single blog post link (all screen sizes):

#2

Hello @AXAmg,

Thanks for writing in! I have inspect your pages and I have seen that you have added this custom CSS:

.masthead {
    position: absolute;
    width: 100%;
}

Please remove that code and replace it with this code instead to hide the landmark:

.x-header-landmark {
  display: none;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Feel free to make adjustment as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

#3

Thank you, Ruenel. This did the job.

#4

You are most welcome!

#5

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