Top bar inner increasing the size of my topbar

Support
#1

Hello my topbar at 1066 px is increasing in size at that point I have hidden the social global but I think inner topbar is increasing the size of the topbar. Is this right and i i have to reduce the size of the inner topbar or how do you suggest I prevent the increase in size until my topbar content has run out of room ?

#2

Hi There @wicara

Thanks for writing in! Upon checking, I see that you have plenty of licenses. Could you please provide us with the URL to your site, so that we can check your Topbar and assist you with a possible workaround for this.

Thanks!

#3

http://gourleymusic.com.au/piano-regulation/

#4

Hi wicara,

Unfortunately, the given password is not working and I could not access your website.

Would you please deactivate the Under Construction plugin so that we can access the website? Meanwhile, I tried to make a sense of the request but I could not.

What is exactly what you need? Would you please give us screenshots and more detailed information?

Thank you.

#5

I edited it now is the right one

#6

also checked the size when not in customise mode and the width .x-topbar-inner becomes 60 is 738 px

#7

Hey @wicara,

I’ve checked your setup but regretfully, I’m not entirely sure what is it you’d like to accomplish. The topbar spans the width of the container which is the screen and the topbar inner is always at 90% width when it is below the max width which is 1200px according to your Layout setup.

Given that technical details, I’m not sure what you mean by the “inner topbar increasing the size of the topbar”.

When I made you social icons visible, the only issue I see is this:

So like @christopher.amirian, I’m wondering what you’d like to do in this situation or if can you describe the issue more clearly, that would be great and would reduce further back and forth.

I also see you’re using Pro. I’d recommend you use the header builder for this so you won’t need custom CSS.

Thanks.

#8

ok sure, the height of .topbar inner increases at a break point I do not want it to it pushes the navbar past the breadcrumb in mobile

#9

Hi wicara,

The problem you are experiencing is because of the code that adds margin to the topbar in between 767px and 480 px browser window sizes. To override that you can use the code below and add it to X > Theme Options > CSS:

@media (max-width: 767px) and (min-width: 479px) {
body .x-topbar .p-info {
margin: 0 10px 0 230px;
}    
}

Play with the values of the margin and the limitation of the browser window to find the best way suited for you.

Thank you.

1 Like
#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.