-
Posts
-
Hi Guys, i am having some issues with making my website responsive.
I use 2 fullwidth sliders 1 with a caption background and 1 without one.
The one with caption background is shown nicely on mobile device but when i check the one without it is somehwere in the middle wich i dont get.I have sended 2 links 1 with background and one without.
How can i fix this?
Hey Angelo,
Please, may you provide to us your website link and the WP and FTP credentials?
Best regards,
John TorvikI have tried different codes for the fullwidth slider to make it responsive but nothing works.
The homepage has a text align right but on mobile it shows over the whole picture. It should be shown left lined on the right side. (if you dont understand it ill uploaden an image for example)
The Blog, Vlog and Podcast pages (head menu) are responsive now and do look good. But the single blog and single podcast pages aren’t responsive. The h2 element title is more to the right instead of aligned left like the subtitels. They both should be aligned left.
Hi,
Thank you for the update.
Please try to move the caption with the following css code.
@media only screen and (max-width: 767px) { .caption_right .slideshow_align_caption { text-align: left; bottom: -50px; } }Best regards,
IsmaelHi Ismael, i dont see that one in my css. Also the fullwidth slider isnt responsive at all on Iphone 7 +
See my full css under here in PC.
I have added this codes:
/* #MobileSamsung7+ (Portrait)
================================================== */
/* Note: Design for a width of 360px */
@media only screen and (max-width:414px) {
.caption_fullwidth {
position: absolute;
right: 0;
bottom: -25px;
left: 0;
top: 0;
z-index: 10;
}.avia-caption-content p {
margin: 15px 0;
font-size: 9px;
}.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
min-width: 0;
padding: 0 0 0 9px;
margin: 0;
border-style: none;
border-width: 0;
}.belpod {font-size:26px !Important;}
.responsive #top .slideshow_caption h2 {
font-size: 12px !important;
width: 90%;
}.podzijbalk {
font-size: 14px;
color: white !important;
background: #009946;
padding: 0px 0px 0px 10px;
margin-right: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}.podzijbalkgast {
font-size: 14px;
color: white !important;
background: #ae2a2a;
padding: 0px 0px 0px 10px;
margin-right: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: normal;
}
}Right now everything looks normal as far as i can see responsively.
The only thing is the frontpage wich is not responsive yet. I think the rest is fixed.
Hi Angelo-ufirst,
The front page seems to look fine on mobile, which part is not working for you and you need help with?
Best regards,
VictoriaThe homepage text in the slider shows on mobile trough the whole image it should be aligned right and not and not from right to left trough the man his face and body
See how it looks on mobile; http://imgur.com/a/hm2ib
the text should be right next to the head / body
i tought maybe this code would work; .page page-id-511 .caption_right .slideshow_caption .slideshow_inner_caption {
float: right;
width: 50% !important;
}but it seems to do nothing
Hi,
Hi Ismael, i dont see that one in my css. Also the fullwidth slider isnt responsive at all on Iphone 7 +
It’s a new css code. You have to add it along with the existing ones.
// https://kriesi.at/support/topic/issues-with-responsive-fullwidth-slider-text/#post-845557
Best regards,
Ismael
- You must be logged in to reply to this topic.