- This topic has 17 replies, 2 voices, and was last updated 5 years, 11 months ago by
Andrew Misplon.
- AuthorPosts
- May 22, 2019 at 11:49 am #12723
fredriksegeranptParticipantHi!
I still can’t see my heder picture on iPad 🙁 How do I change it?This is my CSS
/* Logo max height */
.site-header .site-branding img {
max-height: 172px;
}@media (min-width: 786px) {
/* Logo row height */
.site-header .site-branding-container {
height: 175px;
}
/* Menu row height */
.site-header .container, .main-navigation .menu-search {
height: 40px
}
@media (min-width: 786px) {
#main-slider.overlap {
margin-top: -40px/* Negative value of whatever you’ve set above */
}
}
.main-navigation div>ul>li>a, .main-navigation .menu-search .search-icon:before {
height: 40px;
line-height: 40px
}
.main-navigation ul ul {
top: 37px/* Minus three of whatever you’ve set above */
}
}May 22, 2019 at 1:06 pm #12724
Andrew MisplonKeymasterHi, give it a try now.
For notes:
/* Top bar */ .resp #top-bar .top-bar-text { text-align: center; width: 100%; } @media (min-width: 1024px) { /* Logo max height */ .site-header .site-branding img { max-height: 172px; } /* Logo row height */ .site-header .site-branding-container { height: 175px; } /* Menu row height */ .site-header .container, .main-navigation .menu-search { height: 40px; } #main-slider.overlap { margin-top: -40px; /* Negative value of whatever you've set above */ } .main-navigation div>ul>li>a, .main-navigation .menu-search .search-icon:before { height: 40px; line-height: 40px; } .main-navigation ul ul { top: 37px; /* Minus three of whatever you've set above */ } }
- AuthorPosts
You must be logged in to reply to this topic.