Okay
  Public Ticket #3293032
Responsive Social Icons
Closed

Comments

  •  8
    mrittman started the conversation
    March 10, 2023 at 4:22pm

    I'm having trouble getting my social icons to display properly on mobile. You can see how it wraps to another line in the attached image.

    I've attached another image showing how I've set it up with the page builder. The column settings image on the right represents each of the five columns. I've got them set to 20% - 1/5, so I'm not sure why it wouldn't work. There's kind of a lot going on, so I hope it makes sense!

    Please let me know if you need additional information. Thanks so much!

    Attached files:  icons.png
      page-builder.png

  •  2,958
    Andrew replied
    March 10, 2023 at 4:37pm

    Hello again,

    Thank you for getting in touch.

    Try changing the number of columns in the row to 6 so the icons can properly align. You can do this in the column settings as shown here.

    7525788172.png

    I hope that helps.

    Cheers,

  •  8
    mrittman replied
    March 10, 2023 at 5:09pm

    Hmmm, changing it to 6 columns doesn't look quite right either though.

    Attached files:  columns.png
      inner-column.png

  •  1,877
    Judith replied
    March 10, 2023 at 7:58pm

    Hi there,

    Please send in your admin login details so that we can check this out further.

    Thanks.

  •  8
    mrittman replied
    March 10, 2023 at 8:39pm

    Hi Judith, here are the login details:

    Username:  themenectar
    Password:  7LDKMu8V9TG$MGetkjr9FGw9

  •  8,839
    Tahir replied
    March 12, 2023 at 7:03pm

    Hey Again,

    Try adjusting these fields as per your needs:  

    9392878712.pngClick on Image to View Larger

    Thanks 

    ThemeNectar Support Team 

  •  8
    mrittman replied
    March 12, 2023 at 7:20pm

    This is what my original question was trying to fix. Since there are 5 icons, and all the columns are set to 20% - 1/5, shouldn't they fit horizontally?

    Attached files:  social.png

  •  8,839
    Tahir replied
    March 12, 2023 at 7:22pm

    Yes, Can you set it to 1/5 columns so i can check on mobile ?.

    ThemeNectar Support Team 

  •  8
    mrittman replied
    March 12, 2023 at 7:27pm

    I fixed it by adding column margin to the Row.

    Attached files:  column-margin.png