left hand menu item overlaps logo & disappears, & some screen sizes have no menu

Didn’t work in Quick CSS.

We run a child theme for enfold, so created a CSS folder in there and copied the custom.css from the main theme, and pasted the code in there, themes/enfold-child/css/custom.css. That didn’t work so I tried it in the themes/enfold/css/custom.css, which also didn’t work.

In all cases added it under /* General Custom CSS */ as opposed to Desktop Only or Mobile Only

Using Fast Velocity Minify and WP Fastest Cache. I used the latter to delete cache & minified CSS/JS, still made no difference after reloading the page.

I deactivated the Fast Velocity Minify plugin, again deleted cache & minified CSS/JS, and this time it worked with the code here themes/enfold/css/custom.css, but not in the child theme.

There is still slight overlap by the left hand menu item, what part of the code do I need to edit to change this?

The good news is that the burger menu appears as soon as the main top menu disappears, and vice-versa.

Does this mean I will have to re-paste this code every time I update the Enfold theme?

Can I turn FVM on again, or do I need to leave it deactivated?

Many thanks
Angus

OK, done.

It solves the issue of the left hand menu item overlapping, but brings back the issue that there is a range of screen width’s that have neither the top main menu, nor the burger mobile menu.

Thanks

Hi Ismael, Where would I find this piece of code to delete it?
I looked in Quick CSS, the custom.css, style.css.
Thanks

Hi Ismael,

It’s not. Here’s the entirety of my Quick CSS from Enfold Child > General Styling > Quick CSS
Cheers

ul.icon-bullets li {
list-style: none;
}

ul.icon-bullets li {
padding-left: 8px;
}

ul.icon-bullets li:before {
content: ‘\2713’;
font-family: ‘entypo-fontello’;
font-size: 23px;
font-weight: normal;
position: absolute;
left: 6px;
}

.avia-fullscreen-slider {
z-index: 1 !important;
}

.avia-section {
min-height: 0px !important;
}

#mobile { display: none; }
@media only screen and (max-width: 767px) {
#mobile { display: block !important; }
}

.avia_ajax_form p {
margin: 2px 0;
}

#footer .widget {
margin: 0;
}

@media only screen and (max-width: 767px) {
#fullscreen_slider_0 { display: none;}
}

.av-border-cells .flex_cell {
border-left-width: 10px;
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background-color: #eded00 !important;
color: #e01C23;
border: #eded00;
}

.main_menu .menu ul {
width: 280px;
}

#fullwidthsection .container {
width: 100% !important;
padding:0px;
max-width: none !important;
}
.avia-section.av-minimum-height .container .content p{
margin:0px;
}
@media only screen and (max-width: 1366px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}

.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}

Thanks Ismael, that seems to have fixed it.

Hi, sorry to bring this up again, but having transferred the set-up to the live site, we’re now having issues again!
This time it appears to be related to people using the zoom function in their browsers and finding a view that removes both the main menu and the burger menu from their screens.
Thanks

I’ve noticed that somehow I’ve managed to get the page to regress back to a stage where with certain screen sizes there is no menu at all.

Thanks for doing that but I’m still seeing the same issue: a full menu, then a burger menu with normal page, then no menu at all, then a burger menu back with normal screen and then burger menu with mobile screen.

I started by emptying the cache, and updating the page, then refreshed the website page, then deactivated the cache plugin, and repeated.
Thanks

I’m still getting it at certain sizes, and I think it’s to do with people zooming the screen view, so the screen size doesn’t conform to standard sizes.

Other than different devices (27″ iMac Safari & Chrome, Note 4 Android, iPad 2) I also check by changing the size of the browser window to emulate this.

Once the menu disappears, I stop changing the window size and refresh, and still neither type of menu is visible.

I don’t have this issue with Safari only with Chrome on my iMac.

Thanks

My apologies Ismael I was so involved in the technical & back-end processes I completely forget the most elementary form of cache clearing!

Thanks for all your assistance & patience :-)