ghemachandar
-
Posts
16 -
Joined
-
Last visited
Community Answers
-
ghemachandar's post in How do I reduce Flatiron template header height? was marked as the answer
In which case, we must apply the code only to desktop resolutions:
@media screen and (min-width: 641px){ #navigator .siteTitle { padding: 20px 0; /* Change 20px value if necessary */ } #container{ margin-top:100px !important; /* Change 100px value if necessary */ } }
-
ghemachandar's post in How do I reduce Flatiron template header height? was marked as the answer
In which case, we must apply the code only to desktop resolutions:
@media screen and (min-width: 641px){ #navigator .siteTitle { padding: 20px 0; /* Change 20px value if necessary */ } #container{ margin-top:100px !important; /* Change 100px value if necessary */ } }
-
ghemachandar's post in How do I reduce Flatiron template header height? was marked as the answer
See attached video. It appears the problem can be resolved by reducing logo padding AND container margin.
Try putting this code in DESIGN > Custom CSS:
#navigator .siteTitle {
padding: 20px 0; /* Change 20px value if necessary */
}
#container{
margin-top:100px !important; /* Change 100px value if necessary */
}
ice_video_20220629-170430.mp4 -
ghemachandar's post in Trying to change the color of non-active social icons on hover was marked as the answer
You can use this code to change hover mask color:
.social-icons-color-black.social-icons-style-knockout .sqs-svg-icon--list:hover .sqs-use--mask {
fill: red;
}
