-
Posts
-
Hi there. I am trying to make the logo larger (approx 266wx155h) with the fixed header with SI and add. nav and all the things that I try fix one issue but seem to create another such as interfering with the slider, not scaling properly when scrolling happens, etc.
I would also like to make the logo larger when the page scrolls down.
Hey kimchan2!
Please refer to my post here https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003 and set the size to 160 so initial size will be 160px and scrolled size will be 80px
Regards,
YigitThanks. That seems to cut off (overlay) the banners at the top approx . Could there be a conflict with other customizations? I have custom css as follows:
.main_color {
border-color: #f2f6df;
}.avia-menu-fx { display: none; }
.current-menu-item.current_page_item a {
background: #f2f6df;
border: 1px solid #f2f6df;
border-radius: 6px;
}.main_menu ul:first-child > li a {
height: 40px !important;
line-height: 40px !important;
}.main_menu {
position: absolute;
top: 30%;
}.content {
padding-top: 20px;
padding-bottom: 0px;
}body .column-top-margin {
margin-top: 10px;
}h4 {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 4px;
}
.header_color .container_wrap_meta {
background: #662d89;
}
.header_color {
color: #ffffff;
}
.header_color .phone-info a, .header_color .av-sort-by-term a, .header_color .phone-info {
color: #ffffff;
}Hey!
Can you post the link to your website? It would be better if we could take a look at the live site
Regards,
YigitHey!
Please add following code to Quick CSS
.fixed_header.social_header #main { padding-top: 190px; }Best regards,
YigitExcellent, thanks so much. I am wondering if you could tell me what I should do to now make the logo fit into the space better (looks like there is padding at the bottom which I would rather fill with logo.
- You must be logged in to reply to this topic.