[pbi design]

got it. thanks.

[pbi design]

perfect. thanks. do I still need to use first bit of code you sent? or should I delete that?

#logo img, #logo img.retina {
max-width: 100%;
}

I wasn’t having any issues with the width except on mobile phones.

[pbi design]

but would that affect the logo scale on all devices? I don’t want to change the current scale anywhere else – ONLY on a mobile phone screen.

[pbi design]

There we go!

But now, the logo is pushing the menu down. (see screen shot)

Can’t I specify a mobile size for the logo? Like 80% or 75%? Is there a setting I didn’t take care of in the theme options?

Attachments:

You must be logged in to view attached files.

[pbi design]

I think I corrected that, but the logo issue is still not fixed.

Rossitza

[pbi design]

it works.

[pbi design]

Hi Kyle,

it’s still not working. The logo width still resizes when on a mobile phone – portrait view. Even when I resize my browser window on my desktop computer I can see the width getting scaled.

I haven’t uploaded a retina version of the logo though. Would that make a difference?

Rossitza

[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.

[pbi design]

I did include a screen shot in my previous post which shows the logo on a mobile phone and it is distorted. Here is another screenshot with both versions side by side for comparison.

Attachments:

You must be logged in to view attached files.

[pbi design]

there is still a few px difference, but it’s good enough.

[pbi design]

This reply has been marked as private.

[pbi design]

Hi Rui,

I have used your suggestion, but it appears each background image gets cropped and they get cropped differently from one page to the next – the image height varies depending on the length of the text in the text block I have placed inside the row.

I have uploaded images that are 1900px x 250px and I want to have them displayed at 100% on every page I use and the text block gets centered vertically. So basically I want to see the full height of the background images. How can I do that?

Here are the three pages I have used the row element with a background image and a full width text block inside:
http://pbidesign.com/evolution/?page_id=1333
http://pbidesign.com/evolution/?page_id=9025
http://pbidesign.com/evolution/?page_id=6575

[pbi design]

Hi,

it’s still showing the carousel images too small and with two much spacing… isn’t there a way to specify how to scale the carousel items?

thanks, Rossitza

[pbi design]

Hi Laranz,

it’s working great now on a desktop screen, but on a mobile (in portrait and landscape orientation) the images are small or the space between them is very large. Is there a way to specify the size of the images for mobile viewing so it looks better? On portrait viewing it shows just one, which is fine, but it should be larger, full size 250px. And on landscape, there is so much space between that it would look better if it was showing three columns. Is that feasible? Here are the screen shots.

thanks,
Rossitza

Attachments:

You must be logged in to view attached files.

[pbi design]

thanks.