• Resolved eggrace

    (@eggrace)


    Hi,
    I hope someone can please help me.
    I have developed a small shop site.
    All seems well apart from the single product tabs (Description & Reviews) on mobile overlap eachother and look messy.
    I have tried horizontal tabs, etc but nothing seems to fix it.
    I have searched my CSS but I don’t see anything conflicting.
    Can anyone please help with a suggestion?
    Thank you

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Stef

    (@serafinnyc)

    Looks like you’ve customized this section and things are duplicating as well.

    Thread Starter eggrace

    (@eggrace)

    Thank you very much for taking the time to reply.
    I have turned off the delivery notice and the added cart text and the problem is still there. Not sure if i have made any further changes to the product page; besides text formatting and price change. Again i have tested with them off.
    But i not sure about duplication? Do you have any ideas on that?
    Thank you

    Stef

    (@serafinnyc)

    Yeah see in mobile, two Description titles.

    View post on imgur.com

    Stef

    (@serafinnyc)

    What’s this so-css inside the uploads folder? Who added a css file to uploads?

    That’s not where that should be stored. This file is conflicting with the way the tabs appear in mobile. So odd. It appears to be part of this plugin
    https://wordpress.org/plugins/so-css/

    When I took it out the site was fine.

    https://www.stoneheadcambodia.com/wp-content/uploads/so-css/so-css-storefront.css?ver=1557769610

    Thread Starter eggrace

    (@eggrace)

    HI Stef,
    Thank you so much for your assistance.
    I used the plugin to as a live CSS editor and have done on other sites.
    I don’t know what to do next because I need all that CSS for my site design.
    It the plugin conflicting?
    I am afraid as a newbie I don’t know what you mean about it being in an upload file.
    Thank you so much for your continued assistance

    Stef

    (@serafinnyc)

    There should be no need for a CSS plugin in current versions of WP as ADDITIONAL CSS is now active throughout WordPress inside CUSTOMIZE.

    I would copy all your CSS to Additional CSS and remove that plugin.

    Thread Starter eggrace

    (@eggrace)

    Brillient thank you, i’ll try that and let you know

    Stef

    (@serafinnyc)

    Let me rephrase so we’re on the same page and state that I meant any and all “custom” css should be added to Additional CSS. Not every single file of css. 😁

    Thread Starter eggrace

    (@eggrace)

    I used that plugin because it allows you to select elements directly on a live page and change them. I am not advanced enough yet to know where to go for all the element names etc.

    Anyway I have moved the CSS across and deactivated the plugin but unfortunatley the problem is still there.

    So one of my CSS lines must be causing a conflict. I will take look and let you know.

    If anything jumps out at you as you know what you are doing would be grateful.

    Stef

    (@serafinnyc)

    I hear ya but at least deactivate it to test

    Plugin Support EtienneP a11n

    (@etiennep)

    @eggrace just to touch base, did you manage to solve it as I don’t see the overlap on mobile devices anymore?

    Thread Starter eggrace

    (@eggrace)

    Thank you for your kind followup.
    Yes it was some CSS messing it up.
    Although I have yet to find a way to put a page title on the single product page.
    Many thanks
    Elliot

    dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hey @eggrace

    Although I have yet to find a way to put a page title on the single product page.

    This is working for me πŸ™‚

    I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thanks,

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

The topic ‘Product Tabs on Mobile’ is closed to new replies.