[Resolved] Off Canvas Panel Title Customization

[Anthany]

Hi GeneratePress team, on the mobile version of my website I have an off canvas panel menu that I use for filters for the products on my website (link to screenshot: https://snipboard.io/UT1D0d.jpg *”Filters” off canvas panel button circled in red*). I am worried that it will be too unnoticeable for users visiting my website, do you know how I could make the text larger as well as possibly add a small circular colored background to it to make it more obvious that it is a button?

Thanks for any help, Anthany

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Anthany]

My apologies that completely slipped my mind. My website URL is: http://www.scuphed.com

[David]

Hi there,

try adding this CSS:

.site-header a.slideout-toggle {
    color: #000000;
    background-color: #f00;
    padding: 10px 20px;
    line-height: 2.5;
    border-radius: 3;
}

.header-widget {
    overflow: auto;
}

In the Customizer > Layout > Header – i suggest you reduce the left right padding for mobile as this is squeezing the widgets space.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Anthany]

Absolutely perfect! Thank you so much for your help David.

[Author]

Posts