Mobile Issues - Support | Kriesi.at - Premium WordPress Themes

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
February 23, 2015 at 10:12 pm #401027

mcraig77
Participant

Hi,

I’m having a few issues with my website on mobile.

Issue 1: Text blocks with H1 case do not shrink to adjust to screen size and text gets cut off. This is an issue on every page.

Screenshot: https://www.dropbox.com/s/dplmya2428wjcri/Screenshot_2015-02-23-11-54-07.png?dl=0

Issue 2: Portfolio sideways text does not adjust on mobile and gets cut off.

Screenshot: https://www.dropbox.com/s/ec5om0z8v9etu4w/Screenshot_2015-02-23-12-01-40.png?dl=0

Issue 3: Chinese Text showing up… I dont know why this is happening.

Screenshot: https://www.dropbox.com/s/ec5om0z8v9etu4w/Screenshot_2015-02-23-12-01-40.png?dl=0

February 24, 2015 at 9:35 pm #401713
Elliott
Inactive Moderator
Hi mcraig77!

1. + 2. Add this to your custom CSS.
```
@media only screen and (max-width: 479px) {
.slideshow_caption, .slideshow_caption * { font-size: 16px !important; }
.aviaccordion-title { font-size: 16px !important; }
}
```
3. Try this out, http://kriesi.at/documentation/enfold/enable-cors/.

Cheers!
Elliott
February 25, 2015 at 5:26 am #401845

mcraig77
Participant

This reply has been marked as private.

February 26, 2015 at 5:06 pm #402789

Elliott
Inactive Moderator

Hi!

1. + 2. Send us a WordPress login and we’ll take a look.

3. You will need FTP to edit the file. Or you can check to see if your hosting provider has a web based file editor.

Best regards,
Elliott

February 27, 2015 at 8:42 am #403245

mcraig77
Participant

This reply has been marked as private.

March 2, 2015 at 5:08 pm #404575
Elliott
Inactive Moderator
Hi!

1. + 2. The problem was this custom CSS you were using.
```
#top .aviaccordion-preview-title-wrap {
display: flex;
padding-top: 355px;
}
```
I removed it and it’s working fine now.

3. You will need to use FTP to edit the .htaccess file.

Cheers!
Elliott
March 3, 2015 at 12:55 am #404863

mcraig77
Participant

Hi,

Issue 1: This problem has not been solved, the text on my mobile is still cut off on most pages where the text is long.

Screenshot: https://www.dropbox.com/s/z0k6w6c22hr3q9q/Screenshot_2015-03-02-14-53-01.png?dl=0

Issue 2: Well you see that code you moved made it possible for all the text to show in the browser, now that the text is removed this is the outcome.

Screenshot: https://www.dropbox.com/s/k7tu07z3ei7jd4o/Screenshot%202015-03-02%2014.51.09.png?dl=0

I cannot see the Entertainment tab, how do I get this fixed? I need all tabs visible along with the text while the mobile functions properly.

March 5, 2015 at 1:02 am #406155

Josue
Inactive Moderator

Hey!

Should look fine now, check your website (i modified the first parts of Quick CSS).

Cheers!
Josue

March 11, 2015 at 9:05 pm #410098

mcraig77
Participant

Hey Josue

Things look a lil better but i’m still having a one issue.

Mobile
1. Portfolio text gets cut off. See screenshot: https://www.dropbox.com/s/ar6qle875gtx4is/Screenshot_2015-03-11-11-57-14.png?dl=0

March 11, 2015 at 10:18 pm #410142
Josue
Inactive Moderator
Hi!

Try changing the Quick CSS to this:
```
@media only screen and (max-width: 989px) {
   #top #wrap_all .main_color h1{
     font-size: 32px !important;
   }
   .phone-info .av_font_icon {
     margin: 0 7px !important;
   }
   #top .aviaccordion-title {
    font-size: 24px !important;
   }
   #top .aviaccordion-preview-title-wrap {
    padding-top: 165px;
   }
}
@media only screen and (max-width: 567px) {
   #top .aviaccordion-title {
    font-size: 20px !important;
   }
   #top .aviaccordion-preview-title-wrap {
    padding-top: 145px;
   }
}
@media only screen and (max-width: 480px) {
   #top .aviaccordion-title {
    font-size: 16px !important;
   }
   #top .aviaccordion-preview-title-wrap {
    padding-top: 105px;
   }
}
```
Best regards,
Josue
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.