Forum Replies Created
-
Posts
-
Hi @rikard,
1) This has fixed my Hamburger menu so it doesn’t look broken which is great! I appreciate your help so far. Now I am wondering if we can move the hamburger menu up and to the left so it is in line with the rest of the header pieces? Right now it sits really low and too close to the shopping cart so it looks really funky. It functions perfectly just need a slight location change.
2) The secondary menu above the header pieces is still appearing white on white on the homepage in Mobile. (outside of our phone number which is yellow and odd) Is there any way to fix this?
Thank you for your help so far!
Best,
JeffHi @rikard,
Unfortunately, this did not solve the problem as the cart link is still broken on mobile. I forgot to mention above that the notifications for items in the cart do still show up on mobile. Not sure if that changes anything for you.
Best,
JeffHi @rikard,
This is beautiful! Everything is working perfectly now. Thank you so much for your help in this endeavor. It is greatly appreciated.
You can close this ticket.
Best,
JeffHi @rikard,
Thank you again this has solved my problem! Also, I will be sure to keep this in mind for future threads. My apologies.
This can be closed now.
Best,
JeffHi @rikard,
We are 99% of the way there! Thank you for your help so far!
1) The CSS was able to fix the white line on the top of the submenus but for some reason wasn’t able to remove the top white border on the main menu. Which is yet another oddity.
2) Other than that the spacing issue has been fixed thanks to your CSS! I tried the header size adjustment, but when I went that way it wasn’t including the menu in the header for whatever reason so it was just making it worse. But the CSS fixed it perfectly. So thank you again for that!
I appreciate your continued help.
Best,
JeffHello again @rikard,
Thank you for helping me with all of my issues! This one can be found on any page in the top left. I have attached some screenshots below of what is happening. Depending on the secondary menu state the Gtranslate box gets overwritten and displayed to big with either white or yellow text. The yellow isn’t all that bad but the white makes it impossible to read. Let me know if I can provide you with anything else.
Text is yellow this I don’t mind as much but the size of the box is too big and needs to be smaller
Text is white needs to be black it is being overwritten by secondary menu settings Box is still too bigBest,
JeffHi @rikard
Another great step in the right direction! This solved 80% of our problem with all of the borders except the top borders on both the main menu and the sub-menu disappearing. The top borders are still white for some reason. This also added an animation to the menu items, but I like it and have tailored it to our wants.
For the third problem, I’m not sure I understand your request. I have linked below to a couple of good pages to see how the current menu with the new size adjustment is cutting off content in the form of part of the brand logo and white space above it. It does this on every page but most pages, including the home page, have a fair bit of blank(white) space below the menu so you don’t notice it all too much outside of the odd design. and a lack of separation. I hope this helps.
Brand it right up against menu with no separation. Should have some separation.
The top part of the brand logo is being cut off by the menuI appreciate your continued help.
Best,
JeffHi @rikard,
Thank you for your help with this. However, it doesn’t seem like either of those snippets solved either of my needs which is strange. I have noticed that the white box only seems to appear on hover on the front page which is again strange. The white borders are appearing on every page in the menu and sub-menus outside of the bottom border of the main menu. (Which you solved.)
As far as the last problem goes I have attached two pictures below. The first is of the menu how it is right now. The second is of the menu’s original height. (Ignore the Kakadu Logo). As you can see when the menu’s height is extended it seems to cover up any content or white space I have right below it instead of just pushing the content down to match the original spacing. I could add some spacers above the content on some pages to make up for this, but that doesn’t work with all pages like the ones made by Woocommerce or WordPress. So, I’d like to find a better solution if possible.
Current Menu Height
Original Menu HeightThank you for all of your help with this.
Jeff
Hi Rikard,
Thank you for the reply and sorry about the late reply. This is a great step in the right direction! The menu no longer has a bottom white border, however, it still has a small white top border along with the submenus are still surrounded in a white border. Is there any way to remove these or just color them brown as you did above?
This also solved the blue hover line which is great! I am now wondering if we can extend the transparent white box that appears in the hover state to take up the full width and height of the logo you hover over.
This, unfortunately, didn’t solve my problem of the page content being cut off due to the increased header size. Is there any way to push the page content so it is below the header now?
Thank you for all of your help in this endeavor it is greatly appreciated.
Best,
JeffHi Jordan,
I’ve also noticed that this bigger header now cuts off the content directly below it. Is there any way to push the main content further down to be flush with the new menu height?
Hi Team,
Thank you for all of the help! @Jordan I have included the login info below.
@Guenni007 I am not sure how that is being inserted I do see where the extra symbols are being added in your screenshot, but I can’t seem to find it myself. I inherited this site from some developers who didn’t do a good job, so I don’t know when this appeared to troubleshoot. I apologize I am pretty new at this and just trying to wrap my head around how this was even created.
@Guenni007 I can disable wp-rocket. How would I update the caches after disabling wp-rocket?Jeff
Hi Jordan,
It’s a blue line that happens when you hover over the main menu. Can I just disable the hover state somehow?
Also, I’ve noticed with this addition that there is a small white bar at the bottom of the menu now when you scroll. I assume this is the header background color coming in. Is there any way to remove that small white bar as well? I would like it to be flush with the content.
Jeff
Hi Jordan,
This is great! Is there any way to center the content in the heading now? It’s closer to the bottom of the menu than the top.
Jeff
