Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 29, 2015 at 7:58 pm #387939
    WebAndMore

    Hi Team,

    I have a display issue on my Galaxy S2 using Firefox 35.0.
    The top section background image is shown in full size instead of only the defined height.

    Website: http://web290.c11.webspace-verkauf.de/krone/speisekarte/
    Screen: https://www.dropbox.com/s/uke7b3y0nsbb9ny/Screenshot_2015-01-29-18-51-22.png?dl=0

    Using the original Android browser app everything works fine.

    Can you help me with that problem?

    Thanks in advance!

    Kind regards,
    Alex

    January 30, 2015 at 5:42 pm #388367
    Elliott

    Hi WebAndMore!

    I checked on the Nexus 7 tablet but it’s displaying fine on my end. Are you using the official Chrome browser? If not then try downloading and viewing with that.

    Cheers!
    Elliott

    January 30, 2015 at 7:07 pm #388437
    WebAndMore

    Hi Elliott,

    thanks for your fast reply!
    I’m talking about Firefox, not Chrome.
    The same problem exists on a Galaxy S5 using Firefox…

    Greetings,
    Alex

    February 2, 2015 at 4:10 am #389121
    Andy

    Hey!

    I am sorry, but Firefox is not supported for mobile devices due to little demand.

    Best regards,
    Andy

    February 2, 2015 at 8:11 pm #389618
    WebAndMore

    Hey Andy,

    this answer isn’t acceptable!
    Firefox is the most used dektop browser and is also often used on mobile phones due to the sync functionality.

    The named issue is a major bug many theme user tackle and should be fixed by the support team!

    I assume that you offer me a solution for the issue.

    Kind regards,
    Alex

    February 4, 2015 at 11:30 am #390657
    Ismael

    Hi!

    Please edit the color section then a unique id attribute using the For Developers: Section ID field. Use “custom-section” for example. Add this on Quick CSS;

    @media only screen and (max-width: 767px) {
.avia-mozilla #custom-section {
max-height: 206px;
height: 206px;
}}

    If it doesn’t work, use this:

    @media only screen and (max-width: 767px) {
.avia-mozilla-35 #custom-section {
max-height: 206px;
height: 206px;
}}

    Cheers!
    Ismael

    February 4, 2015 at 7:32 pm #390881
    WebAndMore

    Hi Ismael,

    thanks for your reply!

    Unfortunately your offered solution doesn’t solve our problem.

    Do you have any other ideas I can try?

    Thanks!

    Kind regards,
    Alex

    February 6, 2015 at 10:56 am #391899
    Ismael

    Hey!

    Alright. Please replace the code with this:

    @media only screen and (max-width: 989px) {
.avia-android #head-section {
max-height: 206px;
height: 206px;
}}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    February 7, 2015 at 11:21 am #392433
    WebAndMore

    Also no effect…

    February 8, 2015 at 9:57 am #392673
    Ismael

    Hey!

    I’m sorry but we can’t reproduce the issue on Firefox. I’ll ask the rest of the support team to check this on their mobile device.

    Regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.