Header Scalability on Mobile in Playschool Theme

[bartbreve]

When I view my page on mobile (new.mandevilleelementarypta.com), the top of the header (where the phone/email/social media icons are) spills over onto a second line, rather than scaling down.

I’m also curious if there is a way to keep the header menu on mobile as it appears on a desktop, rather than having it convert to the drop-down menu?

Thanks in advance!

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {

.head-info-area .right { margin:0 !important;}
.head-info-area .right .sintp { margin:0 auto !important;}
.head-info-area .left { float:left !important;}
.head-info-area .right { float:right !important;}

}

Regards,
Chris

[bartbreve]

That did it – thanks! Much appreciated.

Is there also a way to keep the desktop menu view on mobile? (Instead of having it convert to the drop-down?)

Thanks again!

[Sonal S Sinha]

Hi,

This can only be done via coder.

Kindly send us your URL of the site and WordPress admin details (Username & Password) via sktthemes.net/contact Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Chris

[Sonal S Sinha]

Hi,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Chris

[bartbreve]

That did it – thank you!

[Sonal S Sinha]

Hi bartbreve,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/10/

Regards,
Chris

[Author]

Posts