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: Flexform
• November 7, 2014 at 3:05 pm #126508
  Shiftdialog

  Member

  Post count: 55

  Hi Flexform!
  For some reason, my client’s logo is appearing much smaller than the file size is. I have tried uploading different sizes and appearance does not change at all. Logo is showing too small (even for the designer!).

  For testing purposes, I attach the logo in two sizes:
  • 500px wide
  • 912px wide

  See if you have any luck. Please let me know how to fix.

  Attachments:

  You must be logged in to view attached files.
  November 7, 2014 at 3:11 pm #126513
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  That’s because the logo only has a certain amount of space to the left, leaving room for the menu on the right

  You can add this to your custom css:

  #logo.span3 {
    width: auto;
  }
  

  But then the logo will fill the row and the menu will drop below

  – Kyle

  November 7, 2014 at 3:34 pm #126519
  Shiftdialog

  Member

  Post count: 55

  Hi Kyle,

  I’m using the top bar nav, so menu items won’t be affected 🙂

  Just need a bit more info: where in the css would i put that snippet? Not used to using css.

  Let me know.
  Thanks so much.
  r

  November 7, 2014 at 3:36 pm #126521
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Go to the Theme options-> General options -> Custom css

  Hope it helps.

  -Rui

  November 7, 2014 at 4:02 pm #126531
  Shiftdialog

  Member

  Post count: 55

  Oh shucks, it isn’t working so well. If I want the logo at a size the client will approve (just 325px wide), I have to elect to omit the search window in that area or the up/down space in the logo area gets huge.

  Even when I omit the search window and set the padding to zero, the bottom padding is too big. To view: http://www.ocqas.org/rebuild

  Is there any way to get around this? Sorry – client has a wide logo – I can’t change this. That said, it’s only 325px wide.

  Please let me know.
  r

  November 7, 2014 at 8:06 pm #126582
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  The current logo width is at 325px wide.
  In this case what is your current issue? If possible provide a screenshot if it helps.

  -Rui

  November 10, 2014 at 12:00 pm #126930
  Shiftdialog

  Member

  Post count: 55

  Hi there,

  There are two issues:
  1. client wanted the search bar, opposite to the logo. When enabled, the search bar isn’t aligned. See attached.
  2. the spacing around the logo is uneven. Bottom spacing is too great. See attached.

  I need to have the search bar aligned with the logo, on the right side, and an equal amount of pixel spacing above and under logo.

  Please let me know how to fix.
  Many thanks,
  r

  Attachments:

  You must be logged in to view attached files.
  November 10, 2014 at 12:12 pm #126935
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  
  #nav-section {
  margin-top: 30px!important;
  margin-left: -50px!important;
  }

  -Rui

  November 10, 2014 at 12:54 pm #126959
  Shiftdialog

  Member

  Post count: 55

  Problem FIXED!!

  You guys are amazing.

  Thanks for your help. Much appreciated.

  r 🙂

  November 10, 2014 at 1:03 pm #126965
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great, thanks Rui

  – Kyle

• Back to forum

  Posted in: Flexform