Return to previous page

Topic: Page elements aren’t getting adapted w.r.t. device(Desktop/Tablet/Mobile)

Pranav Agrawal

Participant

November 1, 2021 2:41 pm

The page content is not getting adapted to the device. The page on the desktop looks perfectly fine, as intended. However, when viewed on mobile interface(Tablet/Mobile), the same stays stretched and looks weird.
Site URL: hidden
Theme version: 8.0.8
WooCommerce version: 5.8.0

Content is visible for topic creator and
support staff only.

#307165 copied to clipboard

Rose Tyler

Support staff

November 1, 2021 3:34 pm

Hello,

Thanks for using our theme.
Do you mean Home page content? Could you provide screenshots and temporary wp-admin access?

Regards

#307178 copied to clipboard

Pranav Agrawal

Participant

November 1, 2021 5:05 pm

Thanks for the prompt response.
Yes, it is about the homepage
Please refer to the screenshots at the link below
https://drive.google.com/drive/folders/15VbdWN6gkIcBl-tlExnm8LnfayqeiZYt

Content is visible for topic creator and
support staff only.

#307196 copied to clipboard

Olga Barlow

Support staff

November 2, 2021 12:28 pm

Hello,

What layout are you trying to achieve for the tablet and mobile device? Could you, please, provide a mockup for better understanding?
Check the slide texts for the mobile now.

Regards

#307277 copied to clipboard

Pranav Agrawal

Participant

November 7, 2021 12:31 pm

Hello Olga,

Please refer to the screenshot(s) of the intended layout(s), at the link below.
https://drive.google.com/drive/folders/15VbdWN6gkIcBl-tlExnm8LnfayqeiZYt

Let us know, in case any further inputs are required from our end.
BR/Thanks
Pranav Agrawal

Content is visible for topic creator and
support staff only.

#307834 copied to clipboard
Rose Tyler

Support staff

November 9, 2021 8:39 am
Hello,

Sorry for the delay in answering.
Settings of slider > try to set “Custom height value (0 – 992px)”. Our slider does not have a lot of settings for responsiveness. You may try to activate Slider revolution plugin and create a slider using the plugin, following documentation of it. But every additional plugin slows down site a bit.
Add the next code in Custom CSS for page area https://prnt.sc/1yv07el :

@media only screen and (max-width: 767px) { .banner.valign-middle .banner-content { width: 50%; } }

Regards
#307954 copied to clipboard