Sharing buttons on mobile overlap

Posted in: Newspaper
Post count: 39
gorthi
#501369
Feb 23, 2024 at 1:00 pm

Hello

Social sharing buttons on mobile are on one line which caused some icons to get hidden with the screen (line too long for screen).

How can I limit them to show on two lines instead ? (I’m unticking show ALl but still they show all)

Post count: 21065
Bettina
#501373
Feb 23, 2024 at 1:53 pm

Hello @gorthi !

There is an option “Display vertically” for the Single Post Share. The option is not responsive, but you can have two elements. Hide the horizontal one on mobile and the vertical one on desktop.

I hope that helps you!

Thank you!

Post count: 39
gorthi
#501394
Feb 23, 2024 at 4:46 pm

Is there any way to do so with css ?

Meaning having TWO LINES of horizontal buttons

Post count: 35449
Calin
#501476
Feb 26, 2024 at 9:53 am

Hi gorthi, this can be done with a css to display it on 2 lines, but I will need a link to the website so I can make the css after your needs.
Thank you!

Post count: 39
gorthi
#501517
Feb 26, 2024 at 12:33 pm

Hi,

Sure here it is : https:halacanada.ca

Post count: 35449
Calin
#501586
Feb 27, 2024 at 8:18 am

Hi,
I just checked the socials and those are 8 on mobile and all of theme seems to be displayed on one line (there are socials that are not displayed on desktop and socials that are not displayed on mobile)), if you want them o 2 lines, then you can try the below custom css and the results will be: https://i.imgur.com/csJLXCm.png

.tdm-social-item-wrap {
    width: 25%;
}

The css should be set in the theme panel > custom code> advance css > phone section.
Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.