Support ForumFull-sized homepage image on mobile devices. – Support Forum https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/feed/ Sat, 18 May 2024 12:25:44 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10077 <![CDATA[Full-sized homepage image on mobile devices.]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10077 Mon, 28 Sep 2015 18:14:27 +0000 meistereff Hi,

wow, what a great wordpress theme! Thank you for this great work, I appreciate it.

I’ve got issues on the homepage of https://haaremittmann4101.apps-1and1.net/ on smartphone browsers.

I aim to display a full-sized image as to be seen on desktop browser. On mobile browsers like Safari on iPhone, this image should be displayed, too. Actually, this image is covered most by the icon and menu header.

For this I created a row as a section, full-height regular section type, no decorations and the background image as seen on desktop browsers.

How can I display this kind of image in responsive mode on mobile Safari (landscape and portrait) without being covered by the header when ready loaded?

Thanx for your helping.

Best regards,
Frank

]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10083 <![CDATA[Reply To: Full-sized homepage image on mobile devices.]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10083 Tue, 29 Sep 2015 07:39:26 +0000 IshYoBoy Hi Frank,

The problem is that there is no content in the row and since the image is set as background when changed to mobile view there is no content to make the row bigger so it is high only 60px.

Why don’t you instead use full-width section and add an image element inside. In this case no matter what the height of the browser the image will always be visible in width and its height will automatically be scaled. You can set it to be stretched to full-width.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10086 <![CDATA[Reply To: Full-sized homepage image on mobile devices.]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10086 Tue, 29 Sep 2015 16:34:58 +0000 meistereff Oh no, I did not see the wood for the trees. Such a simple way to do this, great solution! Now, that’s life. ;-)

Thank you very much for your help.

Regards
Frank

]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10088 <![CDATA[Reply To: Full-sized homepage image on mobile devices.]]> https://support.ishyoboy.com/forums/topic/full-sized-homepage-image-on-mobile-devices/#post-10088 Wed, 30 Sep 2015 08:02:12 +0000 IshYoBoy Hey Frank,

Glad we helped ;) Hope you had fun with your theme!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>