Language School Template - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Language School Template

A

Alpha

Template 4 years ago

Hi I have a question, regarding "Language School" Template. On mobile screen (width less than 783px) module position top2 is hidden. see tha screenshot: https://prnt.sc/10yzhve https://prnt.sc/10yzlaa How can I make it (TOP2 module position) visible for all mobile device screens (for width less than 783px)?

0
3 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #12343

Hello Alpha

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media screen and (max-width: 768px) and (min-width: 426px){
  #sp-menu-wrapper .sppb-btn, #sp-top-bar {
    display: block !important;
  }
  #sp-header, #sp-header .logo, #sp-menu-wrapper, body.ltr #offcanvas-toggler.offcanvas-toggler-right{
    line-height: 30px !important;
    display: flex;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right{
    margin-left: 0px !important;
    padding: 25px !important;
  }
  #sp-top-bar #sp-top1{
    padding: 0px;
  }
  #sp-top2 .inputbox{
    padding: 0px;
  }
}

Best regards

0
A
Alpha
Accepted Answer
4 years ago #12388

Thanks a lot. it helped. What about my another question : https://www.joomshaper.com/forum/question/2505#qa-answer-10586

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #12669

You are welcome

0