[angelo]

Hello, I have installed FolioPress (free version) on a website where I have been invited to collaborate. In the desktop view, the theme is working excellently, but when I check it on mobile, the website is adding an extra space on the right side of the page. The to the top button instead to be at the end of the page, is located within in this extra right space.

Please, is there any chance to fix the width of page without having this extra right space?

[Theme Horse Support Team]

Hi there,

Can you please provide us the site URL or screenshot? So that we can see the exact issue.

Thank you!

[angelo]

Hello, I don’t see the message I sent before, so I’ll write it again. I’ve uploaded the images on an image host website, I put them in this topic with the img tag, but when I press submit, I don’t see my message anymore, so I don’t know how to show you the images because the website is still under construction. I even get an error message at first that is saying You have entered an incorrect reCaptcha value. I’m using Google Chrome and I don’t see any reCaptcha option to select.

Thank you!

[angelo]

Hello, please find below the images I was talking about

https://ibb.co/ZSQ3Q3K
https://ibb.co/2WnPbhQ

[Theme Horse Support Team]

Hi Angelo,

Seems it’s working fine here.
Did you customize any theme code?
Can you please deactivate the plugins one by one and check?

Thank you!

[angelo]

Hello and Happy New Year!

Hi Angelo,

Seems it’s working fine here.
Did you customize any theme code?
Can you please deactivate the plugins one by one and check?

Thank you!

Thank you for your reply, I customized the child theme with the following code:

/* Links */

a, a:focus, a:active, a:hover {
  color: #373737;
}

/* Linee header e footer */

.navbar {
border-bottom: none;
}

.site-info {
  border-top: none;
}

/* Titoli pagine */

.entry-title {
	display: none;
}

.entry-title::after {
	display: none;
}

/* back to top */

.back-to-top a {
	background-color: #3D3D3D;
}

/* navigation */

.main-navigation li:hover > a, .main-navigation li:focus > a, .main-navigation li.current_page_item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-item > a, .main-navigation li.current-menu-ancestor > a {
	color: #3D3D3D;
}

/* policy */

.cky-btn {
	color: #3D3D3D;
}

.cky-btn-customize {
    color: #3D3D3D;
    background: transparent;
    border: 2px solid;
    border-color: #3D3D3D;
    padding: 8px 28px 8px 14px;
    position: relative;
}

The Plugin I installed is the official one from Bluehost, then Child Theme Configurator, CookieYes, Jetpack, UpdraftPlus, Visual Portfolio and Yoast SEO. There is no deactivated plugin.

Thank you!

[Theme Horse Support Team]

Hi Angelo,

It will be best if you share us your site Url? So that we can see the exact issue and solve it quickly.

Thank you!

[angelo]

Hello, please find the website link here

Thank you!

[Theme Horse Support Team]

Hello Angelo,

Sorry! We have checked your site into mobile devices and we could not able to see any extra space on the right side of the page.
Can you please check it once in another mobile devices with clearing all the site, browser and server cache?
After that let us know the result.

Thank you!

[angelo]

Hello!
I have realised that it happens only when the header menu is not set on fixed during the scroll of the page. If I get the fixed header, the extra space is absent.

[mathewps]

Use the padding property.

The padding property can be used to add space around an element. To remove the extra right space, you can set the padding-right property to 0.

[Author]

Posts