Joomla Templates Club 406,261 posts

[karvan Friend karvanJoin date: July 2013Posts: 3Downloads:2Uploads:2]

#922908

Hi,
from some days the mobile layout of my website have two problems, even if I didn’t do any change:

• when you open the menu you will see two cross instead of one
• when you are in some pages the header is not displayed and everything look white, so navigation is no longer possible.
  This happen both for android and ios mobiles. What happened?

I am attaching here the screenshots to show you exacltly the problem.
Please advise, thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#923346

Hi @karvan,

You can try opening this file: ROOT/templates/ja_mono/css/custom.css (create this file if it doesn’t exist)

And add this css rule:

@media (max-width: 992px) {
  .t3-header {
    background: #111111;
  }
}

[karvan Friend karvanJoin date: July 2013Posts: 3Downloads:2Uploads:2]

#923555

Ok, it worked, thank you.
What about the second problem? I see two crosses in the mobile menu (please see screenshot). In the demo there is a layer that partially cover the second cross, but not in my site. Please advise.
Thank you

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#923807

Try adding this css rule into above ‘custom.css’ file:

@media (max-width: 360px) {
.off-canvas-open .t3-header .btn.btn-menu.off-canvas-toggle {
    display: none;
}
}

[Author]

Posts