Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Somme issues with custom flag CSS on mobile wiew

Featured Lock Resolved Issue
Hi team,
I have been searching for hours in vain for three small CSS settings (see screenshot)
my code

@media (max-width: 1024px) {
#sp-top-flag-mobile {
position: fixed;
top: 0px;
height: 50px;
background: #fff;
width: 100%;
z-index: 10000;
}}
@media (max-width: 1024px) {
#sp-header {
position: fixed;
top: 50px;
z-index: 9999 !important;
height: 140px !important;
color: #317280 !important;
box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}}
@media (min-width: 1025px) {
#sp-header {
height: 110px !important;
color: #317280 !important;
box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}}
@media (max-width: 1024px) {
#sp-logo {
position: fixed;
top: 50px;
z-index: 9999;
position: fixed;
height: 90px;
background: #fff;
width: 100%;
z-index: 9999;
}}
@media (max-width: 1024px) {
#sp-top-bouton {
position: fixed;
top: 160px;
z-index: 9999;
width: 100%;
padding-top: 15px;
background-color: #ab1917;
color: #ffffff;

}}
@media (max-width: 1024px) {
#sp-menu col-xs-6 {
width: 90%;
}
#offcanvas-toggler >i {
position: fixed;
top: 90px;
z-index: 9999;
color: #317280 !important;
font-size: 150% !important;
}}
@media (max-width: 767px) {
.nav-placeholder {
position: absolute;
}}
@media (min-width:768px) and (max-width:1024px) {
.nav-placeholder {
position: absolute;
}}
@media (max-width: 767px) {
#sp-page-title {
height: 0px !important;
}}
@media (min-width:768px) and (max-width:1024px) {
#sp-page-title {
height: 0px !important;
}}


Thanks in advance about your help !
Admin FO
ID :Test
PW : 2018Tests2018
Admin BO in PM if you want.
Best regards

Attachments (1)

  • couette.jpg
    couette.jpg 249.1 KB

11 Answers

Please login to view replies.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 183
Sifat

Sifat

Total Accepted Answers: 155
Toufiq

Toufiq

Total Accepted Answers: 65
S

Shana

Total Accepted Answers: 3
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us