Hi There,
I used the following instructions to add two header widgets https://kriesi.at/documentation/enfold/example-of-widget-left-logo-center-widget-right-menu-below/ At the moment when I view the website on mobile the logo is top left and the mobile menu centred below. How can I move the mobile menu to the top right, in line with the logo?
Cheers Jane
Hey Jane,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
@media only screen and (max-width: 767px) {
.responsive #top #header #header_main .inner-container .main_menu {
flex-basis: unset;
}}
Cheers!
Yigit
Hi Yigit,
Unfortunately that didn’t change anything. I have flushed the cache.
Hi,
Could you please create temporary admin logins and post them here privately so we can look into it? :)
Cheers!
Yigit
Thanks Yigit,
The header widget CSS is in the Child theme.
Cheers
I added !important and it worked.
The small border that separated the logo and menu is now sitting above the mobile menu that I can’t remove. Screen shot below.
Hi,
I checked your website however I cannot see the border. I attached a screenshot in private content field below.
I fixed 5 CSS errors in your custom CSS prior to checking the issue so that might have fixed it. Could you please review your website? :)
Best regards,
Yigit
Hi Yigit,
When I view the website in Safari (mobile), the line is not there, but I can still see it in Chrome.
Hi Byrne,
Could you please clear the cache, check again and get back to us.
Best regards,
Victoria
Thanks Victoria, yes clearing the cache shows the problem it fixed.