-
Posts
-
Hi,
I would like to have a different logo and link on a single page. I added this code in functions.php which seems to work:
add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(is_page(72344)) {
$logo = “http://www.vuelio.com/uk/wp-content/uploads/2016/06/2016-Blog-Awards-Trophy-Design.png”;
}
return $logo;
}add_filter(‘avf_logo_link’,’av_change_logo_link’);
function av_change_logo_link($link)
{
if(is_page(72344)){
$link = “http://www.vuelio.com/uk/blog-awards/”;
}
return $link;
}However the logo on this specific page is larger than the logo on the rest of the site and square shaped so I would like to increase the height of the header containing the logo and the main menu (only on this page) while also keeping the main menu centered vertically within this new space.
This square shaped logo also doesn’t look good when scrolling down with the sticky header active. Is it possible to deactivate the sticky header on this page alone?
Finally, on the same one page, is it possible to deactivate the top bar containing the secondary menu?
I hope you will be able to help with the 3 issues above.
Thanks,
FlaviusHi Flavius!
To help you better, we would need to look at the web site.
Please do provide to see if we need to give some extra CSS.Thanks a lot for your understanding
Regards,
BasilisHi,
The second logo is too large (1041x902px) compare to the first one (185x67px):
http://www.vuelio.com/uk/wp-content/uploads/2016/06/2016-Blog-Awards-Trophy-Design.png
This is original logo:
http://www.vuelio.com/uk/wp-content/uploads/2015/10/vuelio-logo-transparent.png
Decrease the size of the image before using it as logo.
Best regards,
IsmaelHi Ismael,
Yes, I am aware of that. That is not the problem. Please see my original message above. The logo resizes automatically, it was was just for test to see what it would look like.
However, we need to have a larger sized logo so that it would be more visible. It will obviously not be 1041x902px but it does need to be slightly larger than the other one 185x67px. And because of it’s square shape and the fact that it needs to be larger that the other one 185x67px it would not fit in the current space. Can you please help with the 3 issues I mentioned in my original message:”
Hi,I would like to have a different logo and link on a single page. I added this code in functions.php which seems to work:
add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(is_page(72344)) {
$logo = “http://www.vuelio.com/uk/wp-content/uploads/2016/06/2016-Blog-Awards-Trophy-Design.png”;
}
return $logo;
}add_filter(‘avf_logo_link’,’av_change_logo_link’);
function av_change_logo_link($link)
{
if(is_page(72344)){
$link = “http://www.vuelio.com/uk/blog-awards/”;
}
return $link;
}However the logo on this specific page is larger than the logo on the rest of the site and square shaped so I would like to increase the height of the header containing the logo and the main menu (only on this page) while also keeping the main menu centered vertically within this new space.
This square shaped logo also doesn’t look good when scrolling down with the sticky header active. Is it possible to deactivate the sticky header on this page alone?
Finally, on the same one page, is it possible to deactivate the top bar containing the secondary menu?
I hope you will be able to help with the 3 issues above.
Thanks,
Flavius
“Hi,
Could I please get some clarification on the 3 points above? I provided the URL as requested and the detailed info on each of the 3 points.
Looking forward to your reply.Thanks,
FlaviusHi,
you are using this code:
.fixed_header #header_main .container { height: 40px !important; }Change it to something like:
.page-id-89520 .fixed_header #header_main .container { height: 75px !important; }and adjust height value as needed.
Best regards,
AndyHi Andy,
Thanks for the reply.
Can you please confirm that replacing the fixed_header piece of code with the one you mentioned will only affect the page 89520 and not the whole site? The rest of the site pages will continue to have the fixed header defined by that code?Also could I please get an answer to the other 2 questions from my original post?
– Is it possible to deactivate the sticky header on this page alone?
– is it possible to deactivate the top bar containing the secondary menu on this page alone?Many thanks for your reply,
FlaviusHi,
please always use different tickets for different question, otherwise it gets very confusing.
The last code I provided to you will effect page with page-id-89520 only.
Yes, that possible, just edit page in question, scroll down and look on the right side for “Header visibility and transparency” and make your adjustments there.
Yes, I think so, you could just use a custom code with a page-id again.
Best regards,
AndyHi Andy,
I’ve used the same ticket since all questions are related and concern the same page item, the header. Thought it would be better for you guys as well instead of 3 tickets to have just 1 :) But sure, I’ll use different ones from now on.
In relation to your reply, unfortunately the solution you proposed to the question “Is it possible to deactivate the sticky header on this page alone?” is not available in the Header visibility and transparency drop down of the page.
My question is if it’s possible to deactivate the sticky header and keep the header as it appears until you start scrolling so having a fixed header with no change when scrolling. Is there a way to do this for a single page and not for the whole site?In relation to the second question “is it possible to deactivate the top bar containing the secondary menu on this page alone?” I was hoping you would provide the code to do that as well…? I’m not a developer, I’m sure it’s possible and it would be much appreciated if you could provide a solution to this issue as well.
Many thanks,
FlaviusHi,
as already said please use different tickets for different questions.
As already said you will find all options for your header on one page only in this field:
Other solutions are customizations and need to be done by a freelance developer: kriesi.at/contact/customization
Best regards,
AndyHi,
Thank you, I will create different tickets from now on.
However you don’t seem to be reading my posts carefully enough as I have mentioned 2 times already this is not what I need. So please read my post carefully enough to provide an answer to the question I asked.
I DO NOT want the header to be invisible until the user scrolls down. I think I have mentioned this clearly enough on two occasions already and you keep pointing me in this direction.
I want to remove the sticky footer functionality and and have a static header on that specific page. What you are providing as a solution is a whole different thing.So please read my original post carefully, and my previous post as well if you find it necessary and give the answer to the question I asked.
Many of your colleagues are providing answers to questions much more complex than what I am asking with repeated replies and adjustments to make sure the topic is resolved.
I had 3 questions in relation to the same item. You provided an answer to one (which I should add did not work).
Again could you please read my posts carefully enough to provide answers at least to the first 2 questions if you consider the 3rd one so complex to require a freelance developer.Many thanks,
FlaviusMy question is if it’s possible to deactivate the sticky header and keep the header as it appears until you start scrolling so having a fixed header with no change when scrolling.
But now I read something about your footer instead:
I want to remove the sticky footer functionality and and have a static header on that specific page.
Sorry, but I’m really confused and have no idea what you want to achieve. That’s why I think it would be best if we close this thread and that you open a new one (with one issue only in one ticket). It’s just getting too confusing for us moderators and for other people trying to search for help here.
Send us a mockup/screenshot showing the results you want to achieve and/or send us examples of other websites showing what you need. Make it crystal clear to us, then we can provide you with precise code to achieve what you need.
Best regards,
Andy
- The topic ‘Header Changes on A Single Page’ is closed to new replies.