Website issues – trouble with Woopress theme

This topic has 8 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Eva Kemp

  • Avatar: jatinvengur
    jatinvengur
    Participant
    July 14, 2016 at 05:28

    Hi, I am experiencing a number of issues with my wordpress site, and was hoping these could be resolved?
    In the private content I have provided a dropbox link with screenshots of each issue.
    These are the issues:
    1) When the site is viewed in the Chrome browser on an android Samsung Galaxy S7 mobile, the menu does not work at all – it cannot be clicked on. I’ve tested this on an Iphone 6 using Safari browser as well, it doesn’t work on that either.
    2) I want the header social media icons to point to Diamante Dresses’s social media pages (which they already currently do). But I want the social media icons on each single product page when clicked to share the product/image. I’m not sure how to change this without affecting the icons in the header.
    3) When viewing the website on a PC, Quickview doesn’t work properly. The link pops up when a product is moused-over, but when you click on the Quickview link or the magnifying glass, nothing happens. The link text is also very dark and initially cannot be seen in the dark box, but then turns red a second later.
    4) In the admin dashboard, on the Theme Options screen, the theme options are displayed in a weird way – not one underneath another, but all side by side.
    5) When on any shop page, the page number that you are on appears blacked out by the box. Can the colour of the number itself be changed to light grey so it can be seen against the black background of the box?

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2016 at 08:06

    Hello,

    1. I’ve enabled the option “Include styles from “Ultimate Addons for Visual Composer” on every page” in Theme Options > General. Check mobile menu now.

    2. Sorry, but the same shortcode [share] is used in header and in single product pages. If you want to have different options for it you have to search for some plugin of social share icons.

    3. Quick view option is working now http://prntscr.com/bspfdv. Clear browser cache and check.
    To change the text color use this code in Global Custom CSS:

    .footer-product span {
       color: white;
    }

    4. Disable 3rd-party plugins and check Theme Options after that.

    5. Use this css code:

    .pagination-cubic li span.page-numbers.current {
        color: #ddd;
    }

    Regards,
    Eva Kemp.

    Avatar: jatinvengur
    jatinvengur
    Participant
    July 14, 2016 at 10:09

    Hi Eva,

    Thanks for your help, though I still have a few issues:
    1) Quickview is now working, but even after inserting the CSS code in the Global Custom CSS, the link text is still very dark and initially cannot be seen in the dark box, but then turns red a second later.
    2) The CSS code for changing the black box on the page numbers on the product page didn’t work for me – I still cannot see the page number.
    3) On the mobile menu, the text is too dark and cannot be seen against the dark background of the menu box. Either need to make the background lighter, or make the text lighter. I would prefer a lighter grey background with dark text.
    There is also one menu item “Celebrity Style – Get the Look” which is in Red for some reason, and I cannot figure out how to fix it.
    4) On the shop page, the filter by colour in the additional shop widget area is displaying vertically on both desktop and mobile. I want to display the colours side by side, not like a list.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2016 at 12:22

    Hello,

    1. You forgot to close } in one of the previous code. I’ve corrected it. Check “Quick view” text now.

    2. I’ve added this code in Global Custom CSS:

    .pagination-cubic li span.page-numbers.current {
        color: #ddd;
    }

    Check pagination now.

    3. Use this code in Global Custom CSS:

    .st-menu, .mobile-nav-heading.close-mobile-nav {
       background: grey;
    }
    .menu li.lastItem a {
        color: inherit !important;
    }

    4. Try this code in Global Custom CSS:

    .content .sidebar-widget.widget_layered_nav li:nth-child(2n+1) {
        clear: none;
    }
    .shop-filters-area .widget_layered_nav li {
        width: 20% !important;
    }
    .shop-filters-area .sidebar-widget > .widget-content {
        overflow: hidden;
    }

    Regards,
    Eva Kemp.

    Avatar: jatinvengur
    jatinvengur
    Participant
    July 14, 2016 at 13:38

    Hi Eva,

    Some of your solutions have worked, however I am still experiencing issues with the mobile menu.

    Using the CSS code I was able to make the background colour of the mobile menu #ddd color. It now looks good. One issue is that the colour of the submenu item ‘Debutante Dresses’ under the top menu item ‘Formal Dresses’ is still coming in a dark text, whereas the other two submenu items ‘Formal Dresses’ and ‘Cocktail Dresses’ are appearing in light grey text. The background for submenu items is still a dark grey color, so it is difficult to see the dark text on top of it.

    Now this CSS code has also changed the appearance of the menu on the desktop version of the website. The ‘Debutante Dresses’ submenu item is a different colour to the other two submenu items under the top menu item ‘Formal Dresses’. It also does not turn red when moused-over.
    The other problem with the desktop menu is that the top menu item ‘Celebrity Style – Get the Look!’ is not black text and also does not turn red when moused-over.

    Can you please help me find a fix to this? Thanks Eva!

    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2016 at 14:16

    Hello,

    Please use this code in Global Custom CSS for mobile submenu:

    .mobile-nav li > ul {
       background-color: #ddd;
    }

    Please describe how exactly you want to modify the menu.

    Regards,
    Eva Kemp.

    Avatar: jatinvengur
    jatinvengur
    Participant
    July 14, 2016 at 14:28

    Hi Eva,

    The CSS you have provided has fixed most of the mobile menu issues. But it also affected the look of the desktop menu – the last menu item “Celebrity Style – Get the Look!” is in black text, I want it to be the same as the other top menu items – white text that turns red when mouse-over.

    Please see the link to a screenshot – I have provided in the Private Content.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2016 at 14:34

    Hello,

    I’ve moved the code

    .menu li.lastItem a {
        color: inherit !important;
    }

    to Custom CSS for mobile section and added this code in Global Custom CSS:

    .menu li.lastItem a {
        color: white !important;
    }
    .menu li.lastItem a:hover {
        color: #e5534c !important;
    }

    Clear browser cache and check menu now.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.