-
Posts
-
I love this theme for it’s simplicity but there is one thing I cannot figure out. I want my Logo in the middle and the hamburger menu on the Right. I Also would love to change the background color of the hamburger icon but then it is not square. Site is now on https://voorbeeld-website.nl
Hi,
Thank you for using Enfold.
Please add the following css code.
@media only screen and (min-width: 989px) { /* Add your Desktop Styles here */ .main_menu { top: -120px; } .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child { width: 100%; } .html_burger_menu_active .menu-item-avia-special { right: 0; position: absolute; background: brown; } }Adjust the background value as needed.
Best regards,
IsmaelIt almost works. When I put in this code menu flashes from left to right on hover. When I change “right: 0;” to “right:100;” OR “left:0;” it works as wanted but is on the left side.
Thank you so far.Hi,
It’s “flashing” because the site speed is a bit slow. The css code is not loading immediately. Please install a cache and minification plugin.
Best regards,
Ismaelseriously?? Man… that is the most stupid answer I have ever heard. Install a caching plugin because site is slow.
And what problem do you think a caching plugin will solve exactly. Will the page be so fast that the menu suddenly go to the right side of the page?I have learned that IF you have to install a caching plugin you do that after development on a site is finished and certainly not on a development domain.
So please take your time to actually READ my question. On mouse hover (hamburger menu) the menu moves to the left side of the page so it even isn’t possible to click on it. That is only when I put the code you mentioned above at the custom css section. Since the custom css I have added is almost the same as above but just a little different the entire menu is on the left side of the page but it is working. What I want is the menu on the right side of the page.
Hi,
seriously?? Man… that is the most stupid answer I have ever heard.
If you think that’s stupid then I don’t know what else to say. Delayed stylesheet/script loading is a common issue on web dev and installing a cache/minification usually helps. This particular code should move the mobile menu to the right side of the header which is included in the previous suggestion.
.html_burger_menu_active .menu-item-avia-special { right: 0; position: absolute; background: brown; }If you think we’re not helping you here, you can always hire a freelance developer or contact our partner, codeable.
// http://kriesi.at/contact/customization
Best regards,
IsmaelWhat I meant to say is that you are blaming it to site speed instead of looking into the problem. Installing caching plugins will never solve a problem with not loading css files. It may speed up the site but that was not my question. Then not to mention that there is not one installed plugin in this wordpress installation and the only “custom code” is the code you suggested. So if there is a problem it is in the theme, but I believe there is not a problem, I’m asking for a different approach.
Hey!
What I meant to say is that you are blaming it to site speed instead of looking into the problem.
We provided the correct css codes. The problem is that the dynamic stylesheet is not loading as fast as it should or it is delayed that’s why you’re seeing the mobile menu move or flash from left to right. It’s a valid observation, not “blaming”.
Regards,
Ismael
- You must be logged in to reply to this topic.