I would like to ask for some help regarding changing the top bar.
1) How can I change the height of the top bar?
2) I wanted to move the top bar on my homepage below the menu and not have it a the top of the page anymore. So what I did I just created a bar in Elementor and put it below the menu (see screenshot 1). However, the problem is that when I go to any other section of my blog, this obviously does not appear (see screenshot 2). Since I have a blog I cannot put a bar in Elementor for every single post that I make. Would it be somehow possible to have this blue bar (below the menu) on every single page and on every single blog post that I make (just like the top bar would appear otherwise)?
3) Alternatively, is it possible to enable the top bar for every single page and post (simply in Customize), but remove it from my homepage? This is because I don't want to have both the top bar and the new bar below the menu at the same time (see screenshot 3).
1/ Please add more this code to Customize > Custom CSS to do that:
.penci-top-bar, .headline-title{ height: 40px; }
ul.penci-topbar-menu > li a,
div.penci-topbar-menu > ul > li a,
.penci-topbar-social a, a.penci-topbar-post-title,
.headline-title{ line-height: 40px; }
2/ Unfortunately, this theme doesn't support for this feature.
3/ To do that, please add more this code to Customize > Custom CSS:
Regarding Question 3) Is it possible to display the topbar on the mobile version of the website? I still do not want the topbar to appear on the homepage in the computer version (only homepage, rest it can appear), but I would like it to appear on every page in the mobile version.
Hi,
I would like to ask for some help regarding changing the top bar.
1) How can I change the height of the top bar?
2) I wanted to move the top bar on my homepage below the menu and not have it a the top of the page anymore. So what I did I just created a bar in Elementor and put it below the menu (see screenshot 1). However, the problem is that when I go to any other section of my blog, this obviously does not appear (see screenshot 2). Since I have a blog I cannot put a bar in Elementor for every single post that I make. Would it be somehow possible to have this blue bar (below the menu) on every single page and on every single blog post that I make (just like the top bar would appear otherwise)?
3) Alternatively, is it possible to enable the top bar for every single page and post (simply in Customize), but remove it from my homepage? This is because I don't want to have both the top bar and the new bar below the menu at the same time (see screenshot 3).
Many thanks in advance.
Hi,
1/ Please add more this code to Customize > Custom CSS to do that:
.penci-top-bar, .headline-title{ height: 40px; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a, .penci-topbar-social a, a.penci-topbar-post-title, .headline-title{ line-height: 40px; }2/ Unfortunately, this theme doesn't support for this feature.
3/ To do that, please add more this code to Customize > Custom CSS:
body.home .penci-top-bar{ display: none; }Best Regards,
PenciDesign
Hi,
Thank you for your help. It works perfectly.
Regarding Question 3) Is it possible to display the topbar on the mobile version of the website? I still do not want the topbar to appear on the homepage in the computer version (only homepage, rest it can appear), but I would like it to appear on every page in the mobile version.
Thank you very much!
Hi,
3/ Please try replace the code I sent before to this code:
@media only screen and (min-width: 768px){ body.home .penci-top-bar{ display: none; } }Best Regards,
PenciDesign