Top bar height problem

Hello, I started a setup of my website and I came into a small problem with the top bar’s height. In the theme setting in “TOP BAR” sections, there is information about the possibility of changing the top bar’s height. The height has been changed and sometimes the set height is correct and sometimes it has the default value. Could you look into different sites on my website to check and see the problem? I also tried to clear cache in the browser but without a positive effect.

I attach also printscreen with top bar’s height problem.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

You can set the max height of the top bar to be 100px, you need to enable the top bar and change the heighthttps://gyazo.com/edb90c564b28fce85e48b06dbbd7f0cf You can find the option in the Theme Settings > Header > Top bar.

Best Regards

I would like to have the top bar’s background as white. On shop or other sites, top bar is white as set in the theme setting but on the home page, I have a transparent background. Could you look at this problem?

Attachments:

You must be logged in to view attached files.

Ok, I solved the problem with the background but the top bar height still doesn’t change properly as I set in “Settings > Header > Top bar” height as 100px. When I go to different sites on my website first loading of the site is with default 42px height. When I reload the site everything is ok.

Please go to a different site on my website and check that the first loading is with 42px height.

Hello,

Please clear the cache and check again, when I check your site I see the top bar height is 100px: https://gyazo.com/dcfc4855443a8fd2fed6ed174f002327

Best Regards

Hello, I tried as you wrote to clear all cache in the website but without any effect. Look at my video – I go to different sites. Only refreshing the site helps.

https://drive.google.com/file/d/1ckUJktXgQ0b_HXO8CYLP32zhEFD4kXUk/view?usp=sharing

Hello,

Are you trying to change the background or height?

The height is now maximum. https://gyazo.com/b2f9fc710dc592ed2c023baa458a6c32

Please clarify and provide site admin access.

Best Regards

Hello, to see the top bar’s height problem please go to different sites not only the home page.

The only css that I have on my site:

.top-bar-left
{
text-align:center;
}

.main-header.header-has-no-bg.color-scheme-light.act-scroll {
background-color: rgba(0,0,0,1) !important;
}

Hello,

Please enter each page and make sure the same header is set for all the pages: https://gyazo.com/5138f13630c76d2b3e0784351b7fa2b8

I cannot enter your site, please provide the access to both the front and admin panel.

Best Regards

Hello,

The same header is set for all pages. When you go to my admin panel please test different sites to see the problem.
I have wrote info about front and admin panel.

Best regards

Hello,

As soon as I have commented on your custom CSS: https://gyazo.com/84d4eac9b63702f29527f3a985a40b38

I check the pages and they look the same: https://gyazo.com/a88d6e2e62bfe8b8e342dd1be70bcbd7

If you have any questions please feel free to contact us.

Best Regards

Hello,

thank for checking but the top bar height still doesn’t work properly. I leave commented custom css to show you that something else causes the problem.

I add a custom menu with different links to categories. Please go to different categories in my shop and I am sure that you will see the problem with the top’s bar height. I also recorded the video.

Link to video ->

Please check multiple sites not only one.

I send again link https://drive.google.com/file/d/1Uxm-4n_z9fEpOPgg3ZXE3bM3JvcgTPMZ/view?usp=sharing

Hello,

Please, confirm the permission for plugins deactivation. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

I agree to deactive the plugins. After test please come back to initial state.

Hello,

I have resaved the header settings, now it seems it works, please let us know, if it changes.

Best Regards

The problem still appears. Please take a look at different sites/categories.

I think this feature doesn’t work properly and I have to use custom CSS to achieve my destination website’s appearance.

Attachments:

You must be logged in to view attached files.

Hello,

We are very sorry for the delay. I have submitted the issue to our development team.

Please add this code to the Theme Settings > Custom CSS > Global:

.website-wrapper .topbar-wrapp, 
.website-wrapper .topbar-content:before {
	height: 100px;
}

Alternatively, you can set combined CSS in the Theme Settings > Performance > CSS.

Our developers would fix this in the nearest update.

Best Regards

[Author]

Posts