-
Posts
-
I made the screenshots with a clear custom.css so there are no changes in template and it is displayed in a terrible way. So there is no ‘wrong code’ or something you want to tell me which causes the bad mobile-style.
It is no costumisation you have to do – just get your template we bought work in a way someone can use it. – Nobody can use the mobile-version in the way it is displayed – or what do you think about a mobile-site where you are not able to reach the menu or just can see 50% of the logo?
I also dont understand why my screenshot should be irrelevant cause this is the way a visitor would get the page displayed? Why should I only test with chrome? – Cant understand what you want to say…
No, i said is irelevant because you don’t show in which resolution you see like this because i don’t see like that.
I recomand you to use that addon because with that addon you can see better where you have issues on resolutions.
Also, i see in desktop view background slideshow, but in mobile, you have another module slideshow over background , you made this? to be shown only in mobile?
Here on our demo logo is ok, he has to be link this: http://prntscr.com/8ucsbr
You add custom css to be in center
I thing because you add that module slider, your logo is higher.Also, you can add max 320 in @media like this for full width before 320px
#header.animatedfull {
height: auto !important;
margin-top: 119px !important;
width: 100%!important;
}
Add and tell me how is it.Now I know want you mean…
I had a look and deactivated our second slider, but everything looked the same.
Than I added this:
@media (max-width: 321px) { #header.animatedfull {
height: auto !important;
margin-top: 119px !important;
width: 100%!important;
} }But also nothing changed – see the Screenshots – I also included the shots from your page…
Try to delete your cache in brower and site .
http://prntscr.com/8udx2b
Aslo i sent you only for 320px, you have to work on it for all resolutions , where you want to change.Thanks for that – I got it for the most resolutions – theres only a problem for small views like on phones…
Can you tell me where the poition background_mobile ist defined?
Also I found another problem…
I put this in the custom.css:
@media (min-width: 800px) {
.hideme { display:none !important; }
}I use it for a slider and everything works well.
But if I try to use it as suffix for any other moudle nothing happens.
Is it only possible to use suffixes in some areas in your template or do you have any idea why the suffixes don’t work with every modules?Hi,
You nave to add in your css the css div that you want to hide.
I give you an exemple with social.
Ex. .social .hideme. So here you hide only div with social .I don’t want to hide a whole div.
I just want to hide some modules. For this reason I added this:
@media (min-width: 800px) {
.hideme { display:none !important; }
}
to the costum.css and added hideme as suffix to the module which should be hidden.But this don’t work for every module, like in my other installations…
I use it for the slider where it works but it don’t work for other modules… – Can you tell me why it doesn’t work?Can you tell me where the poition background_mobile ist defined???
For example the module wich shows the rating, at the moment located at the position ‘social_icons’.
But maybe the client will have it on another position later. Thats the reason why I simply will hide it with a suffix.Even if I try it with the social-sharing-module the suffix doesn’t work.
So I can’t hide a modul including an iframe???
No, you can’t . this is not from joomla. you can’t modify an file if is not on your server.
if you want to hide social, you can make this, i made this for you last time, and is working. you have only to use in your css file, css dive and add display:none
Ok, so I have to find another solution.
There are 2 last points:
1. Where (in which file) can I edit the settings for the mobile-background-position?
2. http://fs5.directupload.net/images/151026/jch9kzyz.jpg
The left screen looks ok and would be ok like this, but in the right appears a big space, which can’t be defined with firebug and nobody knows what causes it. Also this is what the site looks like in simulation. If I open it with smartphone – I-Phone but also Samsung the Logo is only shwon the bottom 10% and there is a very big space…
Ticket is closed.