Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 26, 2015 at 12:50 pm #464913
    Original_Pictorial

    Hi,

    We’ve noticed a few issues with the mobile responsiveness of elements on our site – link included.

    Namely:
    – Footer widgets aren’t dropping down beneath each other on certain pages, others it behaves perfectly
    – A Text box isn’t responsive on mobile, so right-hand content is clipped.
    – Video background on ‘colour section’ area of homepage isn’t responsive on mobile, and disappears
    – The CTA button in the ‘Icon Box’ is not sitting right when mobile responsive and overlaps the text – you previously provided custom code to resolve an issue with this content item across the site, I presume therefore this is causing the problem when responsive
    – The LayerSlider isn’t performing well on iPads / tablets – I’m reviewing the ‘Responsive under’ & ‘Layer Container’ settings to try to resolve this
    – Lastly, (and a big one!), the dropdown’s on the main nav menu break the top parent item links – i.e, if you click on the drop down element of ‘About Us’, you can click through the items listed below it, but not on the ‘About Us’ link itself.

    Please can you get back asap?

    Cheers

    June 26, 2015 at 5:11 pm #465075
    Original_Pictorial

    Any update please? Site launch has now been delayed so I need to ensure these issues are resolved before Mon BST.

    I’ve resolved some of the issues, but the below are still a problem:

    – Footer widgets aren’t dropping down beneath each other on certain pages, others it behaves perfectly
    – A Text box isn’t responsive on mobile, so right-hand content is clipped.
    – Video background on ‘colour section’ area of homepage isn’t responsive on mobile, and disappears
    – The CTA button in the ‘Icon Box’ is not sitting right when mobile responsive and overlaps the text – you previously provided custom code to resolve an issue with this content item across the site, I presume therefore this is causing the problem when responsive

    Thanks in advance.

    (Screengrabs for reference)
    Homepage colour section and text box behaving incorrectly

    Video background disappeared when mobile

    Error with mobile layout of footer widgets on certain pages under the 'About Us' section

    Problem with button positioning on Icon Box when mobile

    June 28, 2015 at 9:08 am #465477
    Rikard

    Hey!

    1. On what pages are the footer widgets not collapsing, I couldn’t find any. Please link to them here.

    2. You had set a fixed width for the hr element, please use the following in Quick CSS

    @media only screen and (max-width: 767px) {
.avia-builder-el-12 .hr-inner {
width:100px !important;
}
}

    3. I can’t see this issue, in what browser and device is it disappearing?

    4. I couldn’t see this issue either, is it the screenshot with the blue background? I couldn’t see any overlapping there or on the actual site?

    Best regards,
    Rikard

    June 28, 2015 at 4:28 pm #465550
    Original_Pictorial

    Hi Rikard,

    Thanks for your reply. Responses to your questions below!

    !. The footer widget issue can be found on the following pages:

    http://countyins.rareearthdigital.com/about-us/our-brands/
    http://countyins.rareearthdigital.com/about-us/partners/
    http://countyins.rareearthdigital.com/about-us/careers/

    2. This code worked perfectly, thanks.

    3. The video issue is appearing on iPhones (Safari), it seems to render perfectly when responsive enabled elsewhere.

    4. I’ve solved issue 4, so we don’t need to worry about that one.

    5. (one to add please! :)) I’m having problems with the logo overlapping the top menu items in certain screen widths when responsive. I have set the mobile menu to ‘activate for Smartphones and Tablets (browser width below 990px)’ which it does for all phones and tablets – but only when the tablets are portrait orientated. When they are landscape, and with certain smaller notebook browser widths, it’s overlapping ‘home’ still. I can’t find anywhere to adjust the maximum browser width to below the default 990px to sort this – please can you advise?

    Thanks for all of your assistance!

    June 30, 2015 at 2:57 pm #466483
    Yigit

    Hi!

    Seems like you have figured out menu overlapping issue and i replied to your other topic about footer widgets here – https://kriesi.at/support/topic/footer-widgets-bug/ : )

    Cheers!
    Yigit

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