Docs

[gobeyondesign]

bathsbyrj.com

I was trying to modify the height of the top bar and make the text wrap to 2-3 lines of text on the mobile view. How do I code this?

Also how do I make the mobile navigation bar bigger? and float right – I need the text and the mobile navigation to look nice together.

[Thai]

Hi There,

I was trying to modify the height of the top bar and make the text wrap to 2-3 lines of text on the mobile view. How do I code this?

Please try adding the following CSS:

@media (max-width: 979px){
    .x-topbar {
        height: auto;
    }
    .x-topbar p.p-info {
        display: none;
    }
    .x-topbar p {
        text-align: center !important;
        margin: 0
    }
}

Hope it helps 🙂

[Author]

Posts