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: Dante
• January 24, 2014 at 2:57 pm #44520
  ianlim2000

  Member

  Post count: 2

  I have enabled Top Bar. The social icons shown without any problem on my laptop.
  But once I tried to view it in my mobile phone. The top bar and social icons is invisible without any reason. Is there any methods to make it visible, and works in mobile platform as well?
  Thanks.

  January 24, 2014 at 5:15 pm #44536
  Hapexi

  Member

  Post count: 17

  I have same issue.. Or rather the top bar goes to somekind of “mobile mode” and outputs a totally different element. I would like to keep the same that is on the desktop.

  January 25, 2014 at 11:22 am #44605
  Tahir – SUPPORT

  Member

  Post count: 1212

  Hi ,
  Its not an issue. But its built to act that way. I am sure Ed-Developer can put in the additional options in the next update as its not currently available.

  Thanks
  Tahir

  January 25, 2014 at 8:05 pm #44704
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  You can enable this on mobile with the following custom css:

  @media only screen and (max-width: 767px) {
  #top-bar .tb-left, #top-bar .tb-right {
  	display: block!important;
  }
  }

  Hope that helps!

  – Ed

  January 26, 2014 at 2:48 am #44724
  ianlim2000

  Member

  Post count: 2

  Hi,

  It works! thank you so much.
  But I do notice the alignment problem in mobile. Can I swift the social icons to the right without any padding on right hand?
  Thanks.

  January 28, 2014 at 11:23 am #45292
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hey, can you let me see your site so I can check how it looks now? I’m sure we can give you custom css 🙂
  Maybe this works already:

  @media only screen and (max-width: 767px) {
  #top-bar .tb-left, #top-bar .tb-right {
      display: block!important;
  float: right!important;
  }
  }

  If not, can I see your site?

• Back to forum

  Posted in: Dante