Support ForumBack to top (scroll up) displays incorrectly on mobile – Support Forum

Back to top (scroll up) displays incorrectly on mobile

inkypixel — Thu, 06 Aug 2015 08:55:52 +0000

When viewing my home page on a mobile, the “back to top button” is treated like a column running the full length of the page down the right-hand side, squashing all other content across to the left. I can’t see anything in theme options to amend this. It looks ugly, as there’s nothing in the yellow column, apart from the back to top button right at the bottom. So there’s a “phantom” yellow box all the way down the right-hand side for no apparent reason. Also, it’s taking up valuable screen space, which makes everything else on this page smaller.

All other pages seem fine, and the back to top button is overlaid as expected, it’s just the home page. You can see it here: http://www.inkypixel.co.uk

Reply To: Back to top (scroll up) displays incorrectly on mobile

IshYoBoy — Fri, 07 Aug 2015 05:49:38 +0000

Hi inkypixel,

your problem is probably caused by button in section “Get a free quotation”.
Text inside this button is too long for mobile screen.

You can replace it with shorter version or you can use custom CSS to hide or adjust some elements in mobile.

E.g. this code will hide all vc_cta3-icons elements on screens smaller than 600px:

@media (max-width: 600px) {
	.vc_cta3-icons {
		display: none;
	}
}

@media (max-width: 600px) {

.vc_cta3-icons {

display: none;

}

Custom CSS section you can find here:
Appearance -> Theme Options -> General Options -> Custom CSS

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