-
AuthorPosts
-
January 20, 2020 at 12:11 pm #1176248
Hello,
Menu continues under logo on ipad (logo is on the left with the menu next to it). The menu does not collapse on time so that menu items run behind the logo. See: http://maastrichtvooriedereen.nl.transurl.nl/
How to adjust this. Making everything much smaller is not really an option and I don’t want the logo above the menu either.
Hope to hear.
Regards Tom- This topic was modified 4 years, 11 months ago by tom.
January 20, 2020 at 8:49 pm #1176426Hey bishstan,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1024px) { nav.main_menu, #menu-item-search { display: block !important; } .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }
If you need further assistance please let us know.
Best regards,
VictoriaJanuary 21, 2020 at 1:17 pm #1176705Hello,
Sorry, no result for both options
Note: on the desktop it is not a problem, it only concerns the ipad !!
Maybe you can view it yourself on an ipad.Below is how it looks like in the custom.css, put it below “Mobile and Tablet Portrait view”:
——————–
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */}
@media only screen and (max-width: 1024px) {
nav.main_menu, #menu-item-search {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}- This reply was modified 4 years, 11 months ago by tom.
January 22, 2020 at 10:10 am #1177088Hi,
This is what I see on my end on ipad: https://imgur.com/a/Bs8lDW1, is that correct or not? If you are not seeing that on your end then please try to open the page in an incognito or private window in your browser.
Best regards,
RikardJanuary 22, 2020 at 12:36 pm #1177159Hello,
This is what I, and others, see on the ipad: https://imgur.com/a/iDoltON
Menu runs behind logo.I removed the code since it had no effect.
Question, did I place the code correctly in the cutom.css?And what do you mean by “…. open the page in an incognito or private window in your browser.”?
Regards Tom
January 23, 2020 at 8:56 am #1177450Hi,
I added the code Victoria posted to your Quick CSS and saved, it’s now applying to your site.
Best regards,
RikardJanuary 23, 2020 at 3:16 pm #1177645Hello Rikard,
I had also added that code first in the Quick CSS, but then under all the other code that is already there. I didn’t see a difference then, but luckily it works now. I am very satisfied with your support and I love Enfold, great !!
Regards Tom
- This reply was modified 4 years, 11 months ago by tom.
January 24, 2020 at 6:32 am #1177997 -
AuthorPosts
- The topic ‘Menu continues under logo on ipad (logo is on the left with the menu next to it)’ is closed to new replies.