Return to previous page

Mobile panel to be static - by Melichou973

This topic has 11 replies, 4 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

Melichou973

Participant

October 24, 2021 at 15:46

Hi
For the VERSION MOBILE
When I scroll the page to the end, the mobile panel will disappear.
Is there any way to make that “static”/fixed, I don’t know it to disappear in anyway
Thanks

#306376 Copied Theme version: 5.8

10 Answers

Rose Tyler

Support staff

October 24, 2021 at 15:55

Hello,

Try solution from this topic – https://www.8theme.com/topic/mobile-menu-shows-404-error-page-on-mobile-panel/

Regards

#306377 Copied

Melichou973

Participant

October 24, 2021 at 16:12

Thanks
I pasted the following code in theme CSS :
.etheme-sticky-panel.outside {
opacity: 1;
visibility: visible;
transform: none;
}

HOWEVER, the back to top button would go on the mobile panel banner when I go at the bottom on the page.
Is there anyway to make that fix also?

Thanks

#306378 Copied

Rose Tyler

Support staff

October 25, 2021 at 07:02

Hello,

Here is what we can see – https://prnt.sc/1x9x70r Do you want to disable the back to top button on mobile?

Regards

#306405 Copied

Sweet D

Participant

November 30, 2022 at 17:35

I have added the following CSS as suggested:

.etheme-sticky-panel.outside {
opacity: 1;
visibility: visible;
transform: none;
}

But now the bottom of the homescreen is covered by the mobile panel. You can’t see the reviews and prices of the items at the bottom of the screen. Also see the ‘back to top’ button, it’s not possible to scroll to the very bottom of the screen. Thank you for your help.

#340162 Copied

Sweet D

Participant

November 30, 2022 at 18:32

I have now added the following CSS:

@media only screen and (max-width: 480px){
html {
height: auto !important;
padding-bottom: 60px !important;
}
}

But the scroll to top button doesn’t reach 100% Any ideas how to fix that?

#340164 Copied

Tony Rodriguez

Support staff

December 1, 2022 at 07:25

Hello, @Sweet D,

I have checked your site on my personal mobile and found no issue, it is working fine, please watch this video for a better reference to understand: https://streamable.com/ekrjfd

Regards 8Themes Team.

#340194 Copied

Sweet D

Participant

December 1, 2022 at 12:14

Thanks for that. It works now because of the css I added in my previous message.

BUT, There is a ‘back to top’ button at the bottom right. It has a line going around the outside of the circle which slowly completes as you scroll down the page. The line is not filling up to 100% when you reach the bottom. Please fix that.

See this image: https://prnt.sc/-e4fdPzQtsCX

#340241 Copied

Rose Tyler

Support staff

December 1, 2022 at 13:23

Hello,

Could you provide temporary wp-admin access?

Regards

#340246 Copied

Sweet D

Participant

December 1, 2022 at 13:36

See private area.

I added this CSS:
@media only screen and (max-width: 480px){
html {
height: auto !important;
padding-bottom: 60px !important;
}
}

When disabling the CSS that I added, the button problem goes away. But then you can’t see the bottom of the screen in mobile mode.

It would be great if the theme would have a setting for the mobile footer to always be present, rather than disappearing when you scroll to the bottom of the screen.

Many thanks.

Please contact administrator
for this information.

#340249 Copied

Tony Rodriguez

Support staff

December 2, 2022 at 06:10

Hello, @Sweet D,

You have to understand why it is happening on the site.

As you can see that on your site there is no content after the products, Like there is no footer or pre-footer content see the image: https://postimg.cc/N90TB8Hn on desktop it will work fine but on mobile, as you know there is a sticky bar that will appear when you scroll but you want to fix it so if there is no footer and pre-footer content and the bar will be fixed that’s why it appears above the content and the price, review of the product will not appear and causes this issue. You can add the content of the footer to solve your issue, or set the sticky bar behavior to default and remove your code by doing this your back-to-top issue will be resolved.

Regards 8Themes Team.

#340296 Copied
Tagged: mobile, panel, persuasive, static, templates, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)