Problems with mobile version

  • Resolved fdestiny

    (@fdestiny)


    9 years, 4 months ago

    Hello: everything seems perfect and I was ready to start using the plugin and practically use it as a most important thing on my reviews site, but I’ve just found a bug.

    It is related to two things. Mobile version and a WP Tab widget pro plugin( http://bit.ly/2jp47H3 )

    So, when I use a WP tab widget pro plugin WITHOUT custom sidebars, there is no problem. As soon as I place it inside custom sidebars widget, there is a problem and it is shown only in the mobile version so it has to be checked from mobile devices. I’ve tried three different devices and everyone sees the same problem.

    To best describe what is going on, you can see a print screen of the mobile version here: https://s24.postimg.org/beo94et05/Screenshot_20170125_122732.png . Basically, sidebar widget becomes extremely long, taking over all other content on the page and making a site impossible to use with mobile devices.

    I will now paste two pages on my site. First one is not using custom sidebars, and the second one does and you can see the bug there. Warning: the site has adult content and that is why links are shortened.

    [Moderator note: WARNING — NSFW]

    1. http://bit.ly/2jdVNGz (without custom sidebars)
    2. http://bit.ly/2jp7TQq (with a described problem)

    thank you very much, this is very important to me.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Imran – WPMU DEV Support

    (@wpmudev-support9)

    9 years, 4 months ago

    Hello @fdestiny,

    I hope you are doing well!

    I don’t have access to WP Tab widget to test it on my site. As far as I see this is a styling issue and from the looks of it doesn’t conflict with the sidebar functionality.

    Please add the following CSS code to your Theme’s CSS Editor

    
@media only screen and (max-device-width: 480px) {
#wpt_widget-7_content {
    background: rgba(240, 248, 255, 0) !important;
}
}

    If you don’t have a CSS editor, please try the Simple Custom CSS plugin.

    Let me know how it goes!

    Kind regards,
    Nastia

    Thread Starter fdestiny

    (@fdestiny)

    9 years, 4 months ago

    OK, I just did both options. First with editing CSS and when that didn’t work, I’ve installed plugin you suggested. Still, results are the same. I can send you wp tab widget pro if you want? I’ve tested on my phone and tablet before writing this.

    thanks for helping.

    Imran – WPMU DEV Support

    (@wpmudev-support9)

    9 years, 4 months ago

    Hello @fdestiny,

    Would you please try it without the @media only screen option. I tested your site and can’t see the issue anymore. This is probably because we are using different mobile screen sizes.

    Replace the above code with this one:

    #wpt_widget-7_content {
    background: rgba(240, 248, 255, 0) !important;
}

    Let me know how it goes!

    Cheers,
    Nastia

    Thread Starter fdestiny

    (@fdestiny)

    9 years, 4 months ago

    Hello: I’ve just added, but there is no difference. I am sending you the print screen from my tablet:

    https://s29.postimg.org/honadcbh3/Screenshot_2017_01_27_21_02_26.jpg

    I’ve added it with Custom CSS plugin. Also tried adding it in CSS section of theme, but there is no difference 🙁

    NSFW:
    http://www.femdom-site-reviews.com/mistress-t/ (you can try it on mobile)
    But what is strange is that it seems that it works here:

    NSFW:
    http://www.femdom-site-reviews.com/strapon-dreamer-review/

    Both pages having same configuration.Maybe that helps?

    Thread Starter fdestiny

    (@fdestiny)

    9 years, 4 months ago

    Hello: Any news on this?

    Imran – WPMU DEV Support

    (@wpmudev-support9)

    9 years, 4 months ago

    Hello @fdestiny

    Hope all is well!

    I am afraid I can lo longer replicate this issue. I’ve tested it with the quirktools.com and tried all tablet devices.

    If the widget’s background still shows up, please try to refresh your browser’s cache.

    Also if the issue still persists, would you please try a different mobile device to see if you can replicate it there? If you can, please let me know what device you are using?

    Please advise,

    Cheers,
    Nastia

    Thread Starter fdestiny

    (@fdestiny)

    9 years, 4 months ago

    Yes because I was trying to fix it so my friend helped me by editing reponsive.css in the theme by removing delete float:none; (line 251).

    Still,it is not best solution. For example, widget is not centered on the mobile version, that is something you can probably see

    Amin – WPMU DEV Support

    (@wpmudev-support2)

    9 years, 3 months ago

    Hello fdestiny,

    I did quick test on:
    NSFW http://www.femdom-site-reviews.com/mistress-t/ and I don’t see widgets not centered. Can you share a screenshot of what you see?

    kind regards,
    Kasia

    jdailey

    (@jdailey)

    9 years, 2 months ago

    Thank you for working with us to answer your questions. I am going to mark this topic resolved because we did not hear back from you. Let us know if it is still an issue and we can reopen the ticket.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Problems with mobile version’ is closed to new replies.

Tags