Compress top part of page in mobile view

[Aatu Keränen]

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.se

[Sonal S Sinha]

Kindly 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 Sinha

[Aatu Keränen]

Thank you so much, works like a charm.

Regards,

[Sonal S Sinha]

Kindly if possible give us a 5 star review here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Sonal S Sinha

[Author]

Posts