Color Section - 75% Browser Window Height - smaller for mobile? - Support

Tagged: mobile header

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 28, 2016 at 9:40 pm #692877

Donkies11
Participant

Hello Enfold Support,

We have a lot of pages where we’re creating a “header” element with the Color Section set at 75% Browser Window Height with a background image. This is a good page to use as an example: http://freshhfs.voxmaxum.com/company/sustainability/

It’s great on desktop, however, it is way too big for mobile. Can you set me on the right path to have this element load appropriately for mobile?

(See screenshot below.)

Thank you,
Greg

September 30, 2016 at 4:57 am #693520

Donkies11
Participant

FYI: we changed the settings to 720px – same issue for mobile though

October 1, 2016 at 1:16 am #694107

Josue
Inactive Moderator

Hi,

Looks like you managed to get it working with custom CSS, the height seems unchanged but that’s because of these spacing elements – http://screencast.com/t/lXY9UwLm5r

Best regards,
Josue

October 3, 2016 at 7:19 am #694461

Donkies11
Participant

Hello Josue,

Nope; it is still loading the large image on my Android phone.

I still need help with this one,
Greg

screen shot – I just took this tonight:

October 4, 2016 at 2:43 pm #695064

Yigit
Keymaster

Hi,

Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and replace your color section with a smaller one on mobile.

Best regards,
Yigit

October 17, 2016 at 5:49 am #699769

Donkies11
Participant

Hello Support,

We can close this topic.

Thank you,
Greg
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Color Section – 75% Browser Window Height – smaller for mobile?’ is closed to new replies.