Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

New css file not taken into account

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hello,
I added this code in the template manager, just before closing head tag.
<link href='templates/responsive2/css/mobile.css' rel='stylesheet' type='text/css'>

This file (mobile.css) manages the display on mobiles devices and is loaded correctly in all pages except in this one:
test2-iorbita.iorbita.net/portfolio/3-web-design/cascatalonga-website.html
( it's the same problem with all the pages related to the portfolio detail )

My question is: why no css rule are taken into account for these pages? ...and I encounter the same problem with this other component (Advanced Portfolio Pro by Extstore)
test-iorbita.iorbita.net/portfolio/14-web-design/2-le-cercle-des-voyageurs-website.html

You can check this at the first same address that I provided above ( test2-iorbita.iorbita.net/portfolio/3-web-design/cascatalonga-website.html )
@media (max-width: 786px) {
/* Logo */
#logo img {
	margin-top: 15px;
}
/* Title */
.detail-title-personal-set h2 {
	font-size: 18px!important;
}
}

I contacted the support of the components and they told me that the issue is related to the template.
Could you please tell me more about that?

Thank you ;)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
Last Edit: 4 years 11 months ago by Lorenzo.
The administrator has disabled public write access.
Does everything work if you transfer the mobile css file code to the custom.css file?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
... yes everything works if I copy responsives rules from mobile.css file to custom.css file ...
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
I'd suggest using this file

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,
I know that moving code from mobile.css to custom.css will solve the problem, but it's not really my request. I like to have separated code: one side for mobile display and the other side for desktop display… :dry:
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
With the mobile file it's another request for the server - so I would go with using the custom.css for that reason

That was my thinking :)

Otherwise I'll need to check with the team
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
… it doesn’t matter since I’ll use JCH Optimize to combine css/js files into one to reduce http requests; so if you can check with your (new :woohoo: ) team, you will make me a favor :)

Thank you again Paul ;)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Are you using the same template style throughout the site?

test-iorbita.iorbita.net/ciao/esploratore-grafico.html

also missing the file
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Are you using the same template style throughout the site?
no, I’m using 2 different styles but the link is reported in each style.

I just noticed this :huh: ... so apparently the file is loaded only on the first level items ? :pinch:
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Does the path work if its?

/templates/responsive2/css/mobile.css
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,
... sorry but I don't really understand what are you asking me :dry:
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Can you try changing the path of

<link href='templates/responsive2/css/mobile.css' rel='stylesheet' type='text/css'>

to

/templates/responsive2/css/mobile.css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Lorenzo
it works, I am angry with myself... with your answer now I remember that I asked the same question last year for the same problem ... I am so stupid :angry: :pinch:


Thank you Paul ;)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
no problem

Best of luck with the site

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers