ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• February 28, 2017 at 6:29 pm #315510
  amrit02

  Member

  Post count: 46

  Hi there,
  I recently made some changes to my website header ,
  however due to the extreme spacing between menu text ,
  it doesnt work well with resolutions below 1500 px.
  The header menus seem to create a new line.
  Somehow this was fixed with the following CSS:

  @media screen and (min-width:1281px) and (max-width:1506px){
  .full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a{padding:1px 20px 20px 50px !important;}
  .shopping-bag-item a > span.num-items{right:18px !important;}
  }

  However, the Cart And Account icons seem to run out of place.
  Is there a CSS code to position the Cart, Shopping Bag # of Items and Account icons back to its place in this screen resolution?

  Attachments:

  You must be logged in to view attached files.
  February 28, 2017 at 6:37 pm #315512
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can’t figure the correct css to fix it. Will forward it to Ed.

  -Rui

  March 3, 2017 at 1:33 am #315848
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Add this css, that should sort:

  .full-center #header .aux-item nav.std-menu ul.menu>li>a {
      padding: 0 10px!important;
  }

  – Ed

• Back to forum

  Posted in: Atelier