alt background issue

[pbi design]

I have changed the site max width to 940px and now it seems the alt backgrounds for the page title and text block (full width) assets don’t extend to the edges of the browser window anymore. How can I fix this issue?

Here are the pages where this happens:
http://pbidesign.com/evolution/?page_id=6575
http://pbidesign.com/evolution/?page_id=1333

thanks.

[Mohammad – SUPPORT]

Hi,
Everything looks perfect here. Please attach marked screenshot to your issue and you should check after clear cache also.
Thanks 🙂
With Best Regards
Mohammad

[pbi design]

I cleared the cache as you suggested and it’s still there. Here are the screenshots.

thanks,

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Its working fine here. Please test with another machine.
Thanks

[pbi design]

I just did – checked on two other computers, and it’s definitely an issue. The slider image on the home page is fine, the map on the contact page as well, but the text block (full) and page title on the two pages I sent definitely cut off. Both of these elements are using an asset background colour or image. At the same time, the gray shadow line below the menu extends to the edge.

[Mohammad – SUPPORT]

Hi,
What is your desktop/laptop screen size?
Thanks

[pbi design]

My screen is 24″.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (min-width: 1900px) {
.alt-bg {
    margin-left: -476px !important;
    padding-left: 410px;
    padding-right: 541px !important;
}
}

Thanks

[pbi design]

that works. thanks!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad

[pbi design]

Hi Mohammad,

I just noticed that the CSS we added seems to affect the position of the Page Title. It no longer aligns with the logo as it did originally. Here is a screen shot showing where it appears now. And the old screen shots in my earlier post show it in the right position.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
@media only screen and (min-width: 1900px) {.page-heading .heading-text {margin-left: 80px;}}
Thanks 🙂
With Best Regards
Mohammad

[pbi design]

thanks!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad

[pbi design]

Hi Mohammad,

I just noticed that the CSS we added for larger screens, seems to affect the position of the icon boxes in the parallax asset on the following page as well:

Here is a screen shot showing where it appears now. So I would need a custom CSS code like the last one you sent for the page heading text, but for the icon boxes.

Thanks,
Rossotza

Attachments:

You must be logged in to view attached files.