Issue with the padding and repsonsiveness of my website

Support
#1

Hi there I have suffered an issue with my website where the display on dekstop is fine but when on mobile or go into responsive mode, the padding on the website seems to really distort the website. I have removed all custom CSS and the issue persists, I am at a loss as I dont recall doing anything that caused this. My website is: https://darkcyan-butterfly-327835.hostingersite.com/

Please help!

#2

(update) I rolled back the page via revisions on the page editor and its created a boxed layout of the website on mobile. It has created white space padding down each site. (Website still ok on desktop version)

#3

Hi Tariq,

Thanks for reaching out.
I have checked and found that the padding has been added to the body through the custom CSS code. Please remove that to get rid of this problem.

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started with custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix it in case it conflicts with something on your site, nor will we enhance it. Further customization should be directed to a third-party developer, or you can avail One, where we answer the questions beyond normal theme support.

Thanks

#4

Hi there Tristup thanks so much for your help. removing these from my CSS has really helped. I think there was a lot of CSS clashing. I appreciate it!

#5

Hi Tariq,

Glad that we are able to help you.

Thanks

#6

Hi Tristup I am still having some issues being skewed. Such as the header logo no longer being vertically centered, the video not filling the space and the “managed print solutions” translucent columns having not padding on either side. I assume this is all related to one singular issue too?

image
image925Ă—1447 302 KB

#7

Hi Tariq,

It seems that the video is set to the height value auto. I would suggest you please check your custom CSS carefully, as there are many issues related to the syntax, like closing braces. Also, remove the following code from the video to make the video full height.

height: auto !important;

image
image1200Ă—539 230 KB

Thanks

1 Like
#8

Thanks so much!

#9

Hi Tariq,

You are most welcome.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.