Sidebar overlap

Support
#1

Hello, I’m using X Ethos. The sidebar is overlapping the page number links (ie. 1 2 3) at the bottom of my home page on mobile device.

#2

Hello Brian,

Thanks for writing in!

You are having this issue because you added this custom css:

.x-sidebar {
  background: white;
  padding: 35px;
  margin-top: -35px;
  margin-right: -50px;
}

You will need to update it and use this code instead:

.x-sidebar {
  background: white;
  padding: 35px;
  margin-top: -35px;
  margin-right: -50px;
}

@media(max-width: 767px){
    .x-sidebar {
        margin-top: 40px;
        margin-right: 0;
    }
}

We would loved to know if this has work for you. Thank you.

#3

Spot on! Thank you.

#4

We are delighted to assist you with this.

Cheers!

#5

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