[CharlesDSParticipant]

Hello there – I hope you are having a great day.

I am really loving everything about Theme X and very happy with the purchase. I am one step away from having everything ready;

When viewing my page (www.baboenglish.com) in a mobile view the sidebar now becomes slightly too big, this wouldnt normally be a problem but it stops people from seeing my landing page. It is hard to explain so I think the best thing would be to look at it on a mobile device.

My question: How can I keep the Sidebar with drop down, but only have it appear very narrowly at the top? I would want the the end of the box to be just under the white cloud.

[ZeshanMember]

Hi Charles,

Thanks for writing in! 🙂

You can fix that issue by using following CSS code under Custom > CSS in the Customizer:

@media only screen and (max-width: 979px) {
  .x-navbar-fixed-left .x-navbar-inner, .x-navbar-fixed-right .x-navbar-inner {
    height: auto;
  }
}

Hope this helps. 🙂

Thank you!

[CharlesDSParticipant]

Hello and thanks for the quick response,

I have posted the code into the customizer-> custom -> CSS section as per instructed but alas the same issue occurs.

I’m sorry I can’t offer you much more detail other than to look at the site on a mobile device.

(The auto works well, I would just like the mobile device which uses a top bar, have a default setting so it is less intrusive)

I eagerly await your response 😀

C

[ZeshanMember]

Hi Charles,

Thanks for writing back!

I’ve checked your site and there’s a syntax error it. That is why the provided CSS code is not working. Please try this CSS instead:

}

@media only screen and (max-width: 979px) {
  .x-navbar-fixed-left .x-navbar-inner, .x-navbar-fixed-right .x-navbar-inner {
    height: auto;
  }
}

Thank you!

[CharlesDSParticipant]

Hoorah!!

The problem is fixed and my goals are ever closer,

Thank you very much!!!

Yours

Charles

[ZeshanMember]

You’re most welcome! 🙂

[Author]

Posts