Language School Template - Forum | JoomShaper
Solved Templates

Language School Template

Asked by Alpha 5 years ago Last activity 5 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)?

Accepted answer

Marked as the solution
Ofi Khan Staff
5 years ago

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

2 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

You are welcome

Log in to reply.