Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 21, 2019 at 5:22 pm #1129643
    wtechgr

    Hello there team!

    In the website that you can see in the Private Content, there are a few color sections missing when the page is visited from a mobile device (smartphone).

    From what I can see while editing the page, there is no setting or css set to prevent the content from showing in mobile devices.

    Can you please kindly have a look too and see what may be the reason behind this?

    Thank you so much in advance!

    Best regards,

    Victor

    August 21, 2019 at 9:02 pm #1129736
    Victoria

    Hey wtechgr,

    Which page is it happening on?

    Best regards,
    Victoria

    August 21, 2019 at 9:02 pm #1129737
    Victoria

    Hey wtechgr,

    Which page is it happening on?

    Best regards,
    Victoria

    August 21, 2019 at 9:06 pm #1129741
    wtechgr

    Hey there Victoria!

    It is the homepage. It is the https://www.thomascosmetics.gr/home

    Thank you in advance for your reply!

    Best regards,
    Victor

    August 22, 2019 at 5:44 am #1129854
    Rikard

    Hi Victor,

    You have one grid row which is set to not show on mobile, which sections exactly are disappearing except for that?

    Best regards,
    Rikard

    August 22, 2019 at 9:02 am #1129881
    wtechgr

    Hello there Rikard,

    Thank you for your reply!

    Indeed the grid row with the logos is set not to be shown for very small mobile phones.

    I went ahead and named the color sections that o not appear in mobile, while we need them to appear:

    So if you follow the link at the private content to edit the page you will see that there are the color sections named: 1, 2, 3, the one already known as professional sign up, and the one named 4 that are set to appear on mobiles, although they do not appear!

    Thank you in advance for your reply!

    August 23, 2019 at 3:44 am #1130170
    Rikard

    Hi,

    Thanks for that. You have this CSS in your child theme which seems to be causing the problem:

    @media only screen and (max-width: 767px) {
#top #wrap_all #main .avia-no-border-styling {
    border: none;
    display: none !important;
}
}

    Please try removing or editing it.

    Best regards,
    Rikard

    August 23, 2019 at 10:14 am #1130271
    wtechgr

    Hello there again!

    Thank you for your reply!

    I went ahead and removed the part shown below:

    #top #wrap_all #main .avia-no-border-styling {
    border: none;
    display: none !important;
    }

    I have cleared cache and it still keeps the content in the front page hidden. Can you please kindly guide me further in making the rest of the website appear in mobile devices too?

    Thanks in advance!

    August 24, 2019 at 3:37 am #1130516
    Rikard

    Hi,

    I can’t reproduce the problem anymore, the section starting with Καλωσήλθατε στην Thomas Cosmetics is visible on all screens on my end for instance.

    Best regards,
    Rikard

    August 24, 2019 at 1:29 pm #1130591
    wtechgr

    Hey there Rikard!

    Thank you for the reply!

    I went ahead and used several devices and the content is still not visible. As a matter of fact I have even cloned the page at a sub domain, to make sure that nothing is cached and that page too, still shows the content with the color sections mentioned missing from the mobile version.

    Can you please kindly have another look?

    Thank you in advance!

    • This reply was modified 5 years, 3 months ago by wtechgr.
    August 25, 2019 at 5:50 am #1130701
    Rikard

    Hi,

    Please see private for what I see on mobile using Chrome. Is that correct or not?

    Best regards,
    Rikard

    August 25, 2019 at 5:06 pm #1130763
    wtechgr

    Hey there again Rikard!

    Thank you for coming back! I think the issue can be replicated only in smaller resolution mobiles.

    I have found this tool (please check private content), where you can choose the device to see how a website looks in some devices.

    It looks as if in tablets everything is visible, while if you choose let’s say iphone 6, the content that appears in your screenshot, is not visible anymore!

    Thank you in advance for your time investigating!

    Best regards,

    Victor

    August 26, 2019 at 4:44 am #1130837
    Rikard

    Hi,

    Thanks for that, I still see the section which starts with Καλωσήλθατε στην Thomas Cosmetics on the link you posted. Which other content is not visible exactly?

    Best regards,
    Rikard

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