Announcement

Collapse
No announcement yet.

HTML5 Responsive Theme - Mobile Version Problems with Buttons and Sub-Categories

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • HTML5 Responsive Theme - Mobile Version Problems with Buttons and Sub-Categories

    Hi,
    I have the Sweet Cookies responsive HTML5 theme installed for my site (www.products4pets.com) and I've made changes to some things in CSS that it looks like have caused some problems in the mobile version. The menu and view cart buttons in the mobile version look like a foreign language and any category with sub-categories isn't allowing the first selected sub-category to be selected at all.

    Any suggestions on what I need to change to correct these problems?

    Thank you in advance.


  • #2
    scase1024

    The buttons are trying to call icons via css that don't exist which is why you are getting empty css content gibberish rendering instead of an icon

    Find and remove these 2 rules in your default_modified.css:

    .mobile-trigger.m-cart::after {
    content: "";
    }

    #mobile-menu-trigger::after {
    color: #733f01;
    content: "";
    font-family: Tahoma;
    }


    Find this lines in your frame.html and change to in bold:

    <div id="mobile-menu-trigger"></div>
    -change to-
    <div id="mobile-menu-trigger"><i class="icon-menu"></i></div>

    <div id="m-cart" class="mobile-trigger m-cart" onclick="window.location.href='view_cart.asp';"></div>
    -change to-
    <div id="m-cart" class="mobile-trigger m-cart" onclick="window.location.href='view_cart.asp';"><i class="icon-basket"></i></div>


    Save, clear cache and refresh. Hopefully this gets you moving in the right direction
    TheCartDesigner.com
    Not 3dcart Owned or Operated
    100% Independent 3dcart Expert


    Follow Us on Twitter

    Comment


    • #3
      Thank you. I will make these changes and see how things look.

      Comment

      Working...
      X