- This topic has 6 replies, 2 voices, and was last updated 6 years ago by Andrew Misplon.
- AuthorPosts
- December 19, 2018 at 11:03 am #11176
AliProParticipanthow can set a smaller headre img size for smaller screens?
🙂
December 19, 2018 at 12:28 pm #11183
Andrew MisplonKeymasterHi, which image are you looking to change?
December 19, 2018 at 12:30 pm #11184
Andrew MisplonKeymasterThanks. The forum doesn’t support email replies.
December 19, 2018 at 12:32 pm #11186
Andrew MisplonKeymasterThe logo is already quite small, do you want to make it smaller than this?
December 19, 2018 at 12:32 pm #11187
AliProParticipantlogo 🙂
December 19, 2018 at 12:36 pm #11188
AliProParticipantI don`t mean on mobile – only like small 15″ laptops 🙂
December 19, 2018 at 12:46 pm #11189
Andrew MisplonKeymasterYou can try something like:
@media (max-width: 1100px) { .site-header, .site-header .container, .site-header .site-branding-container, .main-navigation .menu-search { height: 100px !important; } .site-header .site-branding img { max-height: 100px !important; } }
Adjust the max-width value and the height values as required.
- AuthorPosts
Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.