CSS layout issues on mobile only

[mbuckingham]

I have two separate css layout issue that I want fixed on the mobile version only. The first one as you can see in the attachment the like button commonly overlaps the text. I would like to have the button to be across from the second line of text or have the text that overlaps the like button go to the second line. The second issue as you can see in the second attachment that the line overlaps the icons. I want the line to be underneath the icons. Just to be clear I am happy with where these items are laid out on the web version and I want the changes to be on the mobile version only.

Attachments:

You must be logged in to view attached files.

[sharmstr]

I have no idea what plugin is generating that. That’s not from a kleo suggested plugin.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Andrei]

What are you using for activity items like ? Can you provide us a link to your website so we can give a look at it?

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mbuckingham]

Here’s a link to my website:
https://justthesportspage.com/

A list of the plugins I have installed:
AdSense Click-Fraud Monitoring
All In One WP Security
Auto Terms of Service and Privacy Policy
BackUpWordPress Backup Plugin
bbPress
bbPress – Report Content
BP Profile Search
BP | You Are Blocked!
BuddyPress
BuddyPress Wall
BuddyPress Cover Photo
BuddyPress Follow
BuddyPress Global Search
Google AdSense
K Elements
Revolution Slider
rtMedia
WP-reCAPTCHA-bp
WPBakery Visual Composer

[mbuckingham]

Is there a css override I could do to move the line down in the second screenshot just for the mobile version?

[Andrei]

Well, regarding the profile menu, I see you have some modifications made to that section because the dropdown menu doesn’t apply as in our default theme. Unfortunately we didn’t provided yet a way to disable that dropdown and if you’ll somehow disable it by your own then you’ll also have to style the menu to fit in the displayed area.

Also, the “Like” text that you have added beside the favorite icon, it’s as well a custom modification so if you started modifying it, then you’ll also have to make the necessary modifications to the tile of the activity item so that it don’t overlap with the “Like” text.

Please let me know if I can assist you with any more details.
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[derddy]

How did you get BuddyPress Wall to work without messing up the activity template?

[derddy]

Oh nevermind. Buddypress Wall is your problem.

[Andrei]

@derddy, if you encounter any issues with an specific plugin then please open a separate topic about it.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts