Announcement

Collapse
No announcement yet.

issue with drop down banner - need to make it accomodate more info

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

  • massagestore
    replied
    Thank you Shaun! I will change the code as you have suggested, and I will also get rid of the '&'s. If this works, great.. if not, I will look at the verbiage.

    Leave a comment:


  • thecartdesigner
    replied
    If you reduce the padding in this rule in your active css file:

    #dd_menu .MenuItem .MenuItemLabel {
    background-color: transparent;
    padding: 0 20px;
    text-align: center;
    width: auto;
    }

    -CHANGE TO-

    #dd_menu .MenuItem .MenuItemLabel {
    background-color: transparent;
    padding: 0 10px;
    text-align: center;
    width: auto;
    }

    You can also remove the padding left on these rules. There is actually no need for the first rule at all, but you can just 0 out the padding left on both.

    1st to change:

    #dd_menu .MenuItemFirst {
    border-style: none;
    padding-left: 15px;
    }

    -CHANGE TO-

    #dd_menu .MenuItemFirst {
    border-style: none;
    padding-left: 0;
    }

    2nd to change:

    .menu nav {
    background-image: url("../images/center_bg_menu.png");
    height: 54px;
    padding-left: 15;
    }

    -CHANGE TO-

    .menu nav {
    background-image: url("../images/center_bg_menu.png");
    height: 54px;
    padding-left: 0;
    }

    Although this will not give you enough room for both categories you need. The text is just too large to allow another of the same size. Maybe some rewording could help (like removing Cream for Cream Lotion & Oil... Not sure how set you are with that)

    But it will help point you in the right direction.

    Shaun

    Leave a comment:


  • issue with drop down banner - need to make it accomodate more info

    Hello all.. I am working on my template / design, and am having an issue that I am hoping someone can help me out with. Here is a link to my development site:

    https://sandbox-redpeachdesigns2.3dcartstores.com/

    As you can see, there is a drop down menu that says Categories Brands Equipment Etc. The problem is that after Bath Body & Spa, there are supposed to be two more categories.. Education Fitness. I am not sure how I can extend the usable space in that banner so that they can show up without reducing the size of the font.

    Does anyone have any idea how this can be done? Extend the margins of this area or reduce the spacing between the words? Any / all help is greatly appreciated.
Working...
X