various issues with the mobile version

I solve ID:01, ID06 and ID08 by playing around with the translation instead of playing around with CSS. ID02 is a huge problem for me, and it's high priority.

Hello , Thanks for fixing some of the issues. for ID:03 simply it's a course page when you scroll down a bit https://anamashro3.com/course/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%A5%D8%A8%D8%B1%D8%A7%D8%B2-%D8%AD%D8%AC%D9%8A%D8%A9-%D8%A7%D9%84%D9%82%D8%B1%D8%A2%D9%86-%D8%A7%D9%84%D9%83%D8%B1%D9%8A%D9%85/ forget the large unknown review word. but focus on the two buttons "the cart" and the other hamburger menu button that consists of the tabs of the course. the screenshot was taken from my Iphone 7. and for ID07 can we make the line-hight: 1.6em for the course title too in the sidebar http://bit.ly/2Iltlmt for ID04 I meant the padding in bottom footer between the social icons and all rights reserved. want it to be increased a bit. as you see in the Arabic text they're very close to each other. http://bit.ly/2UNGxaj

@media screen and ( max-width:720px){   .rtl .course_action_points h1 {   line-height: 1.6em; }   }   @media screen and ( max-width:720px){ .single-course #item-header #item-meta .course-star-rating, .course_reviews .show_course_reviews .reviewlist.commentlist .comment-body .comment-avatar, .assignment_students li input[type=checkbox], .course_students li input[type=checkbox], .quiz_students li input[type=checkbox], .tab-pane li img, .single-course.c2 #item-nav div.item-list-tabs#object-nav li, .single-course.c3 #item-nav div.item-list-tabs#object-nav li, .single-course.c5 #item-nav div.item-list-tabs#object-nav li { float: left; }     }   @media screen and ( max-width:414px){   .rtl ul.socialicons li {   padding-top: 10px;     } I used the previous codes to fix the issues. thanks fixing the title: https://paste.pics/826f1420edebae51eac7e8971114c513   the scrambled menu: https://paste.pics/9eca3a46bdf8e4f953d286241857b136 the bottom footer: https://paste.pics/936af7da70fba5448d21bc83511e2dcd thanks. it's actually my first time playing with CSS and wordpress customizer :D I've a new issue not related to those. should I post a new topic? or I can post it here?

hi, I came back with a couple of things ID01 : whenever i add a telegram icon using elementor, it doesn't show up https://paste.pics/f803a2edbcdf3a40e0b3bb9888e4ee6f plus we want to add a telegram link in the bottom footer, but the them doesn't has that option. so how we can over these two issues? ID02: there is a responsive issue in bbpress, the profile pic should be on the right, and the two buttons in the top should be arranged properly https://paste.pics/2a01ee1de0254be74c472fc921f8485a finally I just want to pay your attention to something, that although I didn't use any elementor header, the theme somehow uses two headers, the header i chose from the settings sleek, and the other header that appears on any page that were made with elemntor in the full width template. so any page uses the elementor template will make the theme view the other header instead of the normal header, the screenshots can view that. I don't know if there is a fix for that https://paste.pics/df4a9529dfd5340f6b72370b2b08db0f https://paste.pics/f43a5fe772adf308b691e402d189ffc0 thanks in forward