-
Posts
-
I have made some changes on my homepage (www.employerbrandingspecialist.nl) but I don’t see them on my mobile phone. I have deleted all saved cookies etc and still see the ‘old’ homepage.
Also, how can I change the size of buttons for mobile, because now they don’t fit (and therefore don’t show) on the easy slider (I have checked in my browser using check element).Hey simstub,
Did you try loading the page in an incognito window using Chrome on your mobile device?
Best regards,
RikardHi Simone,
Thanks for the feedback. Could you post screenshots of the results you are getting on mobile please? It’s difficult for us to know what is missing otherwise.
Best regards,
RikardHi,
You can upload screenshots to a service like Dropbox, Google Drive, Imgur, Box, Snaggy etc, then link to them here.
Best regards,
RikardOh, right, lol.
I have cleared the cache and can see all changes now!
Only question left is how I can adjust the size of buttons on mobile (see picture ‘phone on desktop’ to see what I mean).
Thanks :)Hi,
Thanks for the screenshots. Please try this in Quick CSS:
@media only screen and (max-width: 990px) { .slideshow_caption { width: 100%; } }Best regards,
RikardHi Rikard,
Thanks, but I don’t see a difference. This is everything I now have in Quick CSS (made some prior requests about the mobile view)
@media only screen and (max-width:767px){
body .av-special-heading .av-special-heading-tag {
font-size: 20px;
}
@media only screen and (max-width:767px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
font-size: 20px;
color: white !important;
}
@media only screen and (max-width:767px) {
#contact .flex_cell.avia-builder-el-41 {
min-height: 350px;
}
}
@media only screen and (max-width: 990px) {
.slideshow_caption {
width: 100%;
}
}Hi Simone,
Thanks for the feedback. Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardHi simstub,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css, this is for 768px to 989px screens
@media only screen and (min-width: 768px) and (max-width: 989px) { .slideshow_caption { z-index: 100; width: 76%; } }If you need further assistance please let us know.
Best regards,
VictoriaHey Victoria,
I know I’m so sorry! :)
CSS file merging and compression have been disabled all this time. Do I disable Javascript as well?Hi,
I put this code in Quick css for you
@media only screen and (max-width:767px){ #full_slider_1, #full_slider_1 .av_slideshow_full.avia-slideshow, #full_slider_1 .avia-slideshow-inner, #full_slider_1 .avia-slideshow li, #full_slider_1 .avia-slideshow li img { min-height: 240px; } #full_slider_1 .avia-slideshow li img { width: 200% !important; max-width: auto; } .html_header_transparency #top .avia-builder-el-0 .slideshow_caption { padding-top: 0px; } }Please check if it is working for you like this.
Best regards,
VictoriaHi Victoria,
There is an improvement, I can see the buttons. But now the image is ‘smooshed’.
Simone
Hi Simone,
Well, add this code as well:
@media only screen and (max-width: 479px) { #full_slider_1 .avia-slideshow li img { width: 340% !important; max-width: auto; } #full_slider_1, #full_slider_1 .av_slideshow_full.avia-slideshow, #full_slider_1 .avia-slideshow-inner, #full_slider_1 .avia-slideshow li, #full_slider_1 .avia-slideshow li img { min-height: 190px; } }Best regards,
VictoriaHi,
You can actually adjust the value of the min-height property. It is currently set to 190px.
Best regards,
IsmaelHi Ismael,
Thanks. How do I find a ratio for the picture which will work nicely on portrait and landscape? Because now it just doesn’t work out. Either the picture on mobile has to be compressed in order to make it high enough for the buttons, or the picture has to be so high that you have to scroll to far on desktop. Am I making sense?
Simone
- You must be logged in to reply to this topic.