Return to previous page

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

This topic has 6 replies, 3 voices, and was last updated 3 years, 1 months ago ago by Rose Tyler

Pranav Agrawal

Participant

November 1, 2021 at 14:41

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.

Please, contact administrator
for this information.

#307165 Copied Theme version: 8.0.8 WooCommerce version: 5.8.0

5 Answers

Rose Tyler

Support staff

November 1, 2021 at 15:34

Hello,

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

Regards

#307178 Copied

Pranav Agrawal

Participant

November 1, 2021 at 17:05

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

Please contact administrator
for this information.

#307196 Copied

Olga Barlow

Support staff

November 2, 2021 at 12:28

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

Pranav Agrawal

Participant

November 7, 2021 at 12:31

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

Please contact administrator
for this information.

#307834 Copied
Rose Tyler

Support staff

November 9, 2021 at 08:39
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
Tagged: adaptive, desktop, device, mobile, responsive, tablet, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)