-
Posts
-
Hello, I can’t figure out how to remove the top bar on the site. Can you take a look and help?
And also how to make the social media icons white, instead of black, next to the burger menu icon.
Thanks!
Here is a screenshot of the top white space I need to remove and move the header and logo up.
Hi @BEMODESIGN, from my computer, with Safari I see the white line at the top, while with Firefox the white line is not visible.
What browser are you using? Safari? If so, try a different browser.Best regards,
OrianoHi,
Thank you for the inquiry.
We are not seeing the top bar on the site. Is it only visible when you’re logged in?
Best regards,
IsmaelI am not logged in and there is a gap at the top. and when you scroll, the menu bar is not at the top, there is a gap. My other sites don’t have this and are at the very top of page. Just wondering what setting this is, if I want menu all the way to top and not gap? thanks
see screenshots
it is caused by the implementation of the “amazon pixel”
on firefox the dimension of 1×1 pixel seems to be enough to “hide” that element just before wrap_all opens.
That inline rule ( img#wpstats{display:none} ) does not work because there is no img with ID: wpstats )- so try:img[src*="amazon-adsystem"] { display: none; }Hi,
We’re not seeing the same spacing on our end. Have you tried the suggestion from @Guenni007?
Best regards,
IsmaelThanks and that did appear to work, but I’m just wondering why this was necessary. Now when I look on my mobile, in edit mode, it covers the top headers. (see screenshots) And on my other sites, it just shows normal.
My other sites also didn’t need code to have header top menu be at the very top. The gap on Champion schools seems like it would be a setting or something.
Anyways, if you know, let me know.
Here is the same CSS code website that I have, that has the correct header. Why can’t Champions schools have the same header? I think all the setting are the same. https://sonoranwaters.armourcloud.io/#
https://img.savvyify.com/image/gap.9qUHp
https://img.savvyify.com/image/not-logged-in-and-see-bar.9qWKhhttps://img.savvyify.com/image/WEIRD-AT-TOP.9qGdc
https://img.savvyify.com/image/CORRECT.9qxiFThe admin bar sometimes interferes with the setting of the frontend css.
have a look to this privacy page : https://webers-web.info/datenschutz/
if you scroll you see that the headings will be sticky til the next heading goes to top. if on that page the admin bar is present – the sticky moment seems to be wrong. – because those 50px are not concidered.
You can test it:
Go to your profile and turn off the “Show admin bar” to see that it has nothing to do with logging in and out.
This is something that normal users won’t see anyway.Got it. I just don’t see why all my other websites show this normal, but the Champion schools site has that top border that needed the CSS code.
Even another site that I have shows correctly and doesn’t have that extra space. This sites header/menu goes to all the way to the top of page also: https://priverproducts.com/ without that needed code
And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?
And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?
does that belong to charter school page or to your priverproducts.com page?
I am talking about more transparent for the Charter school, but I do have the code for Priver also. I was just showing you Priver as as example of how the header is all the way to the top, without a gap, like the charter had.
this is the rule that is set :
.av-burger-overlay-bg { z-index: 3; opacity: 0.9; background: #000; display: block; position: fixed; }so play here with opacity or background-color – for quick css add #top to the selector for more selectivity:
#top .av-burger-overlay-bg { opacity: 0.7; background: #000; }It looks great, but do you see the little vertical line that is on the right of the burger icon? How can we remove this?
- You must be logged in to reply to this topic.