Forum › Forums › Joomla › Ekho Template for Joomla › Mobile Menu Vertical Full animated
-
AuthorPosts
-
October 26, 2015 at 4:36 pm #217067
The same. All modifications you can make in css
You have to add you css classes in css/custom.cssOctober 28, 2015 at 3:31 pm #217444‘The same.’ – that’s a good answer.
I know how to edit CSS but for example I asked you several times where the position for background_mobile is defined – I had a look throug all teh CSS-files and couldnt found anything.
Then you told me a suffix doesn’t work with modules wich include IFrames. – Can you tell me why also with you background-sliders no suffixes work? Do they contain IFrames?
Another point is, that everything looks well if I simulate a smaller screen in my browser but the template looks horrible if I try it on the different devices…
October 28, 2015 at 3:57 pm #217448I told you manny times, try to work with that addon because i see only images without resolutions. How can i help you if i don’t see resolution on your window?
for 1 i response the same because my last post was about css. I thought you meant in cssFor suffix you can read here: https://www.gavick.com/documentation/joomla/templates/customization/custom-module-class-suffixes
i sent you just for an example, an simple suffix.
Try to understand that what you ask is custom job and i can’t make those for you.
What you want to do with that possition? Maybe i can maybe I can guide you.When you ask something, please try to tell more about it, send images and make square something where you need help because is hard to know from distance what you want to do, where you want to do.
I undesrtand that you want some changes, but in mobile background possition, what you want to do, to hide what at what resolution, etc
October 28, 2015 at 4:03 pm #217449The mobile_background positions is for samller devices – to show a simple picture instead of a background-slider – this is nice.
If I use it I have a static ‘mobile’ background on tablet too. – What I want ti change is the width from what the mobile_background starts to appear. – So the desktop-background-slider should be shown on the panorama-view ontablets and the mobile_background slider should be shown in the potrait-view of tablet, for example. – All in all there must be a defintion which says from what width on the mobile_background shoul be visible, or not?October 28, 2015 at 4:16 pm #217457This reply has been marked as private.October 28, 2015 at 4:23 pm #217461You are right, this slider I added only for the smaller devices.
It includes the same slides as the background slider for desktop.
With it everything works well. I added a suffix (.hideme) to it and so it is only displayed in mobile-resolutions – everything fine. 🙂The thing I want to change is, that I want the animated-background slider to be shown for some smaller devices too. – For this my intense is to reduce the width for the background_mobile poition a bit. -you understand? For example the mobile_background should be shwon if the width is smaller than X and not yet if it is smaller than Y like it is now. – In fact I want the animated slider shwon for panoramic views on tablet an the static-mobile one for portrait views – so I have to handle it with the width.
October 28, 2015 at 4:45 pm #217476But now i can see your slider on small devices.. all devices without desktop. But from what i see, slider si shown over desktop slideshow in small devices.
Because of that i’m confused. Because i can see revslider on small devices .. all devices without desktop and is ok.October 28, 2015 at 4:48 pm #217478This is just if you simulate the small devices, I think.
Caus if I simulate a small device it is the same for me. But if I open the site with for example I-Pad or Phone there is the revolution slider an in the background the slider in position mobile_backgroun, what I’m talking about all the time.Did you simulated the small device on desktop or did you tried with a mobile device?
October 28, 2015 at 4:51 pm #217479I tested with my phone. and you have black screen and over that slider, so you want to have like this http://prntscr.com/8wapiy ?
Slider or an background slider on amall devices?
October 28, 2015 at 5:02 pm #217483No.
I want the simple-image in the position background_mobile.http://fs5.directupload.net/images/151028/fvb2n8io.jpg
this is what it looks like on the phones I have tested with.
The background is OK.But I don’t knwo why the top (menu and logo) don’t work.
Because everything instead of the background looks very well if I simulate the different sizes in Firefox.
But on the devices it looks like the screenshot – background ok, but header broken 🙁Everything else in the template now is working well…
October 28, 2015 at 8:10 pm #217511If you will use addon that i recomand you will see that is not ok 😀 so in this case you need to custom on responsive:
@media (max-width: 1024px){
#header.animatedfull {
margin-top: 160px !important;
}
}October 29, 2015 at 8:53 am #217528I’m confused now.
I added code like in your last post for many different resolutions, so that everything looks well in browser and simulation.
The only point which does’t look well was the smalles view like in my last screenshot.But if I now add your code the header looks well on phones but is destroyed on tablet view. Isn’t it the right way to define it for the different solutions?
October 29, 2015 at 12:04 pm #217547Hi, i put1024 because on my tests with that addon , was ok. but you can add small resolution and for tablet modify margin-top, to look ok on tablet.
October 29, 2015 at 12:07 pm #217548I’m on my tablet now. It looks verry good. Header and all stuff.
October 29, 2015 at 12:11 pm #217549Hi,
I know.I have the following wich works good for evvery reosolution than the smallest view on phones…
@media (max-width: 321px) { #header.animatedfull {
height: auto !important;
margin-top: 119px !important;
width: 100%!important;
}
}
@media (max-width: 600px) { #header.animatedfull {
height: auto !important;
margin-top: 200px !important;
width: 100%!important;
}
}
@media (max-width: 900px) { #header.animatedfull {
height: 135px !important;
margin-top: 65px !important;
width: 100%!important;
}
}
@media (max-width: 1024px) { #header.animatedfull {
height: 135px !important;
margin-top: 50px !important;
width: 100%!important;
}
}The curious thing is that with your code only everything works well on phone smallest view but not with the rest of resolutions.
-
AuthorPosts
Ticket is closed.