Joomla Templates Club 406,261 posts

[electromobile13 Friend electromobile13Join date: March 2014Posts: 8Downloads:0Uploads:2 Thanks: 6]

#200136

Hi, my problem is the responsive, when i go to my site with my mobile, I have a display problem. My brackground is not centered, my logo too, everithing is poorly positioned.

And when I disable “Developement Mode”, to use the option “Optimise CSS” and “Optimise JS”, I lose the custom position of my logo.

Can you help me please?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#544024

Hi,

Could you please provide your site url so I can take a look ?

1 user says Thank You to Adam M for this useful post

1. electromobile13

[electromobile13 Friend electromobile13Join date: March 2014Posts: 8Downloads:0Uploads:2 Thanks: 6]

#544042

I have provide my url and give my acces password/identifient when I posted my message, in the edition of the post. http://www.hayagamers.com

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#544141

Hi,

Please take a look at our online documentation and discussion here for for detail about how to use this feature.

Then open file root_folder/templates/ja_sugite/css/custom.css and add this code :

.ja-topheader .row div {
float: none !importan;
}
.ja-topheader .row > div {
width: auto;
margin: 0;
}
.ja-topheader .row .span4 {
display: none;
}
.ja-topheader .row .top-menu p {
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
.ja-topheader .row .top-menu iframe {
margin: 0 auto;
}

Save your file and check the result.

[electromobile13 Friend electromobile13Join date: March 2014Posts: 8Downloads:0Uploads:2 Thanks: 6]

#544222

My template is Ja Mitius and not ja_sugite, I do the modification but it the same problem for the responsive

[electromobile13 Friend electromobile13Join date: March 2014Posts: 8Downloads:0Uploads:2 Thanks: 6]

#544353

hi, you forgot me? Thank you for your help, my first problem is solved, Now I know wath I have to modify for the LESS to CSS, but I have again the problem with my background when I go to my site with my mobile, It is not centered

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#544359

Hi,

Sorry for the delay. Could you please provide a temporary back-end account via private reply so I can take a closer look and update CSS style for you ?

1 user says Thank You to Adam M for this useful post

1. electromobile13

[electromobile13 Friend electromobile13Join date: March 2014Posts: 8Downloads:0Uploads:2 Thanks: 6]

#560605

Hi adam, I don’t find a solution to my problem, so i come back and i hope than you can help me. I will give you my backend account by private message.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#560795

Hi @electromobile13,

Please open file root_folder/templates/ja_mitius/css/custom.css and add this code :

#itemListLeading .itemContainer {
float: none;
}
.adsbygoogle,
.adsbygoogle ins {
display: block !important;
max-width: 100%;
}
.t3-spotlight.t3-spotlight-20 > .span2 {
display: none;
}
.t3-spotlight.t3-spotlight-20 > .span2.item-last {
float: right;
width: auto;
display: block;
}
.t3-module.nopadding .module-ct {
padding: 0;
}
@media (max-width: 480px) {
.t3-spotlight.t3-spotlight-20 > .span2.item-last {
float: none;
text-align: center;
}
.logo-image a {
height: auto !important;
width: auto !important;
}
}

If you want to remove padding inside any Custom HTML module, don’t add inline negative margin, just add class nopadding to Module Class Suffix as I did with 2 ad banners.

1 user says Thank You to Adam M for this useful post

1. electromobile13

[Author]

Posts