Joomla Templates Club 406,261 posts

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#961544

http://atmy.fingerteeps.com/

when it is in mobile view, the text logo and slogan cannot be displayed properly. Please refer to attached.

Please advise.

---

Attachments:

1. 

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

#961902

@voonchung

Ideally, I think you can show the logo text only and hide the slogan in mobile view, it will look nice as due to the concept of this template, it uses a small logo and it fits all screen sizes.

If you want this way, try with my tweak:

• Go to header file: ROOT/templates/ja_intranet/tpls/blocks/header.php
• See these 2 lines: http://prntscr.com/c8sqvq

change both to col-xs-6 and it looks like: http://prntscr.com/c8sr61

Then to hide the slogan in mobile, open the css file: ROOT/templates/ja_intranet/css/custom.css (create this file if it doesn’t exist)

and add this rule:

@media (max-width: 667px) {
  .logo-text .site-slogan {
    display: none;
  }
}

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#961916

Thanks. I have implemented all your changes.

Please see attached image. There is still a small chunk of unwanted logo image appearing. Please advise.

---

Attachments:

1. 

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

#962411

Try to update above media queries so it looks like:

@media (max-width: 667px) { 
  .logo-text .site-slogan, .t3-mainnav .logo-text { 
    display: none; 
  }
}

[Author]

Posts