Problem display in mobile

  • Resolved Oivalf

    (@oivalf)


    1 year, 8 months ago

    I’m using your plugin with great satisfaction, but today I change the way the plugin show in the shop page switching to filter button. The background of the filter remain white on mobile even if I specify otherwise, you can
    see it on https://www.lastregatta.it and https://www.lastregattastore.com.

    Second problem the filter button stay over the menu on mobile, if i open the menu in shop page the filter button overlap. U can see it at the same url.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author annastaa

    (@annastaa)

    Hello Oivalf,

    Welcome to our support forum!

    I have just checked your reference page, and could only see the overlapping “Filters” button issue, have you managed to find your way around the white background color problem?

    Speaking of the “Filters” button overlapping your mobile sidebar menu, this is a simple z-index conflict. Please go to Appearance > Customize > annasta Filters > “Filters” Toggle Button, and try setting the z-index to 999800.

    Thread Starter Oivalf

    (@oivalf)

    Hi, I’ve try “setting the?z-index?to?999800.” and it works! No more overlapping.

    I still have the white background color problem ONLY in mobile version, i set the background rgb (0,0,0,0) so it must be transparent and take the #C39AD2 color of the site background as it do for desktop view.
    Any ideas ?

    Plugin Author annastaa

    (@annastaa)

    Oivalf,

    On your Italian site I can see the white background that belongs to the popup sidebar of the “Filters” button-controlled Visibility mode, is that the one that you mean?

    This background cannot be set as transparent, because this would make filters blend with the underlying products descriptions and the rest of the main page content.

    There is no Customizer setting that controls the background color of the popup sidebar, however you can easily adjust it to the needed color by adding the following custom CSS in annasta Filters > Style settings > Custom CSS:

    .awf-togglable-preset.awf-left-popup-sidebar-mode,
.awf-togglable-preset-mode-on .awf-togglable-on-s-preset.awf-left-popup-sidebar-mode {
	background: #C39AD2;
}
    Thread Starter Oivalf

    (@oivalf)

    Thank you, the CSS works fine ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problem display in mobile’ is closed to new replies.