Home › Forums › All Other Themes › Compress top part of page in mobile view
- This topic has 3 replies, 2 voices, and was last updated 2 months, 3 weeks ago by Sonl Sinha.
-
AuthorPosts
-
June 24, 2024 at 9:39 pm #219315
Hi,
Im using SKT Strong, and when being on front page in mobile view I would like to compress the top part of the website to make it more slim. Currently the company logo is on one row, the social media buttons on one row, and lastly phone/email on another row. Would it be possible to compress this part of the website in mobile view?
I would for instance like to remove phone/contact details when in phone view (but keep in dekstop and tablet mode), and merge company logo and our two social media buttons on one single row (company logo top left, and social media buttons top right).
Thanks for all the amazing support.URL:
www.trainologi.seJune 25, 2024 at 7:32 pm #219409Kindly go to Appearance » Customize » Basic » Custom CSS and paste below code there.
@media(max-width: 575px){ .header_wrap .header{padding: 20px 0px 20px;} .header .head_inner{display: flex; align-items: center; justify-content: space-between;} .header .head_right_area{text-align: right;} .head_right_area .head_right_box1{margin: 0;} .head_right_area .head_right_box2{display: none;} }
Regards,
Sonal S SinhaJune 26, 2024 at 4:21 pm #219454Thank you so much, works like a charm.
Regards,
June 26, 2024 at 5:46 pm #219456Kindly if possible give us a 5 star review here: https://www.trustpilot.com/review/sktthemes.org
Regards,
Sonal S Sinha -
AuthorPosts
- You must be logged in to reply to this topic.