Rev Slider: Responsiveness

[focusingresources]

Oh man, this is going to make you crazy, but now, in Firefox, when I resize the browser, the images extend over… see screenshot. In Chrome, they resize as they should, and they appear to be fine on our mobile site. Any ideas?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I have resolved it so please check it now after clear the cache of browser. Please make test with original small devices.
Thanks
Mohammad

[focusingresources]

Hi Mohammad,
Did you check it in both browsers? Now it’s messed up in Chrome, but fine in Firefox. See attached.

Also, the menu is gone on our mobile site.

Thanks,
Maggie

Attachments:

You must be logged in to view attached files.

[focusingresources]

Actually, it’s now fine in Chrome but over again in Firefox.

It looks like there’s a margin or padding being added on the left side. Your assistance is much appreciated!

Warmly,
Maggie

[Mohammad – SUPPORT]

Hi,
I always tested with Firefox and all things perfect fine here so please clear your browser cache.
Thanks
Mohammad

[focusingresources]

Hi Mohammad,
Yes, I cleared the cache and it’s still a problem. I also looked on the other computers here and see the same problem. Can you send me a screenshot of what you’re seeing as perfect?

Also, not sure why this keeps getting skipped, but do you have any idea how to get our menu back on our mobile site? Not having that functionality is a pretty serious problem.

Thank you,
Maggie

[Mohammad – SUPPORT]

Hi,
My colleague will assist you soon.
Thanks
Mohammad

[focusingresources]

Thanks. We’re going on 9 days of whatever change you made having a substantial negative impact on our site… I’ve looked on my computer at home as well as the other computers in the office and the problem shows up on all of them.

Is there any way to deal with this today? I’m not sure what change was made, but it seems like margin was added to the left side of the site and now all of the sliders and full width images extend beyond the right edge of the boxed width section. I hate to sound like a broken record, but it’s making our site look kind of ridiculous. Any suggestions you might have to address this are much appreciated.

Thank you,
Maggie

[Rui Guerreiro – SUPPORT]

Hi Maggie,

Apologize for any inconvenient.
I’m sorry to ask you this but can you resume your current issues. I already read the topic but kind of lost on what is missing now.

Isn’t suppose to exist the margins illustrated at red in the picture below?
https://www.dropbox.com/s/miro7015vpua997/site_margin.png?dl=0

-Rui

[focusingresources]

Hi Rui,

The margins in red around the video are fine… what we’re all seeing that is problematic is that the full width images are actually going over the right edge a bit. Interestingly, they used to be truly full width, now they have a margin. When the browser window is reduced in size, the images don’t size down – they extend beyond the right edge of the boxed content.

See the screenshots.

The other problem is that there is no menu on the mobile version of our website.

Thank you very much for your assistance!
~Maggie

Attachments:

You must be logged in to view attached files.

[focusingresources]

And now there’s a weird margin to the right of the page title as well as the footer and other elements styled to be full width…

[Swift Ideas – Ed]

Hi there,

Just adjusted this for you. Check the code I added around the video iframe to make it responsive.

– Ed

[focusingresources]

This reply has been marked as private.

[Swift Ideas – Ed]

Your minification setup is messing with the order of the stylesheets, causing the responsive css to load before the main css – which means the responsive css doesn’t override as standard. Add this custom css for the mobile menu to show:

@media only screen and (max-width: 767px) {
#mobile-navigation {
display: block!important;
}
}

There isn’t a way to escalate things, as it would get abused too often – but I’ve taken this up with the team to ensure it doesn’t happen again, apologies for that.

– Ed