Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 6, 2018 at 12:26 am #1030120
    raisonbrands

    Howdy,

    There is a gallery landing page on the site consisting of 1 full-width color section and a series of 2 column grid rows.

    If you go to the gallery page on an iPhone and select a gallery, it looks perfectly fine. But if you select a gallery, and then click back to the gallery landing page, the stacking and cropping looks super weird, screen shots are in the private content area.

    The interesting thing is this only seems to happen on iPhone, looks fine on my Galaxy S6 and my coworker’s Galaxy S8.

    Thanks!

    November 6, 2018 at 8:37 pm #1030566
    Victoria

    Hey raisonbrands,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    November 7, 2018 at 5:11 pm #1030908
    raisonbrands

    Hi Victoria,

    Cleared the cache from the server and the cache on the iPhone 8, still does the same thing. BUT, we did notice an additional detail. You have to press the back button to get the error to occur.

    You can visit the gallery landing page, select an individual gallery, and then go back to the gallery landing page via the hamburger navigation and all looks good. But if you click the back button from an individual gallery to the gallery landing page, everything gets jacked up as shown in the pics. Looks like it becomes formatted for half the screen size.

    Thanks for your help!

    November 11, 2018 at 6:38 pm #1032257
    Victoria

    Hi raisonbrands,

    Thank you for clarifying.
    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

    
@media only screen and (max-width: 767px) {
  .av-layout-grid-container {
    width: auto !important;
  }   
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 12, 2018 at 9:03 pm #1032752
    raisonbrands

    Thanks Victoria,

    Unfortunately, that seems to generate a different error, now after going to an individual gallery and pressing back to the gallery landing pages, the first box looks fine, but it’s just a white screen below–I don’t even see a footer.

    Unsure why it would be related, but now I’m also getting an error on Chrome when using the menu (both on desktop and mobile.), I don’t even know how to describe it–items seem to be highlighted at random, sometimes in the correct red, sometimes in pure black, some items have text on text!

    That new error is Chrome specific however, FF, Edge and Safari all look as it should.

    Thanks!

    November 15, 2018 at 6:45 pm #1034075
    Victoria

    Hi raisonbrands,

    Could you please attach some screenshots of the issue in different browsers?

    Best regards,
    Victoria

    November 15, 2018 at 11:21 pm #1034172
    raisonbrands

    Hi Victoria,

    Just to be clear, that strange black bar issue that just cropped up is only Chrome. Looks fine on FireFox and Edge.

    As for the mobile stacking issue, I just changed the mobile stacking to begin at tablet width. Creates odd margins between fields that I do not like but it’s better than it was.

    Thanks

    November 20, 2018 at 3:36 pm #1035613
    Victoria

    Hi raisonbrands,

    Is red supposed to be on hover? I’m not very clear about it.

    Best regards,
    Victoria

    November 20, 2018 at 3:42 pm #1035615
    mohammadkhataan

    Hi Victoria,

    Sorry to replay in an unrelated ticket but I sent a report about an issue for two days ago but there’s no answer! Also, I opened a new topic today but no answer yet…

    Would you please check out my ticket.

    Sorry again…

    png issue!

    November 25, 2018 at 6:01 pm #1037376
    Basilis

    Hi,

    Please wait your time, as it is weekend and we are going through all the tickets.

    Best regards,
    Basilis

    November 26, 2018 at 1:32 pm #1037638
    mohammadkhataan

    Still waiting…

    November 27, 2018 at 6:35 pm #1038117
    Victoria

    Hi mohammadkhataan,

    I replied to you in that other thread, please do not post in the unrelated threads.

    Best regards,
    Victoria

    December 5, 2018 at 5:03 pm #1041279
    raisonbrands

    Hi Victoria,

    Apologies for the late response, was out of town on business. To the unrelated poster, come on buddy, you want immediate assistance, hire a freelancer and pay them by the hour.

    Anyhow, yes, you are correct, on hover it is supposed to be red with white type. Check the private data and I will try and be as detailed as possible.

    December 5, 2018 at 10:01 pm #1041404
    Victoria

    Hi raisonbrands,

    I’ll ask my colleagues to have a look on a PC.

    Best regards,
    Victoria

    December 7, 2018 at 4:49 am #1041899
    Mike

    Hi,
    I took a look at your site with a Chrome on Windows, and saw the menu black background color after leaving a menu item.
    I believe this is due the Enfold Theme Options > Advanced Styling > Menu Links in overlay/slide out, which has a black overlay, along with the red hover color.
    I removed these colors and cleared your site cache, which seems to have solved it.
    To add a hover color to the menu items, typically you would choose the option “main menu links”, pick your color and the check the box “Apply only to mouse hover state” This means that you would have two of these options assigned, with & without hover.
    I was having trouble with your cache, so I added this css to your Quick CSS to do the same job:

    .av-burger-overlay-scroll li:hover a {
background-color: #d22328 !important;
color: #fff !important;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

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