Forum Replies Created
-
Posts
-
The desktop works fine and the tablet and phone convert to the mobile menu which is fine. The laptop size is the one which is overlapping and I would like it to convert to the mobile/burger menu.
Many thanks
Now I have the mobile menu as required but it has gone back to overlapping on a laptop sized screen.
So – the menu is working correctly on desktop, tablet and phone but not on a laptop sized screen, so back to my original request – how do I get the mobile menu to show on a laptop sized screen?
What I want is the menu to show as follows:
Desktop – full sized normal menu.
Laptop, tablet and phone – mobile menu.Many thanks
Hello
I have just updated the theme which has sorted that issue – thank you! BUT now the burger menu has disappeared on smaller screens!
I have changed the colour in “burger/mobile menu styling” to the colour I want but it’s not showing at all.
I’ve copied the css I’m using below (in case anything is conflicting).
Many thanks.
Thanks Rikard – that has now worked on smaller screens :-) but I now have the mobile menu stuck at the end of the full menu on the desktop version – see home page. How do I remove this?
I have inserted this code, but the full menu is still showing on a laptop sized screen (see attached screen shot).
@media only screen and (min-width: 768px) and (max-width: 1180px) {
.container.av-logo-container {
padding: 0px;
margin: 0px 30px;
max-width: 95%;}
#top .av-menu-button > a .avia-menu-text {
padding: 5px;
}.av-main-nav > li > a {
padding: 0px 11px;
}
.logo img {
padding: 55px 0;
width: 50%;
}Help! This still isn’t working! I just want it to convert to the mobile (burger) menu when on a smaller screen.
Many thanks.
I have realised that it is due to screen size i.e. the menu items are quite long so when viewing on a smaller screen the menu is overlapping. I have enabled “mobile menu activation for tablets and smart phones” and also added this code:
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }
}but it is still not converting to the mobile menu on a tablet.
Please advise.
Many thanksI have realised that it is due to screen size i.e. the menu items are quite long so when viewing on a smaller screen the menu is overlapping. I have enabled “mobile menu activation for tablets and smart phones” and also added this code:
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }
}but it is still not converting to the mobile menu on a tablet.
Please advise.
Many thanks
Your response would be much appreciated. I have used the Enfold theme many times and have not come across this issue before, but really need to get it sorted. Hope you can help!
Many thanks :-)
But the issue is not just with the main menu items – it is throughout the site with buttons being in the wrong places. The site looks perfect on a PC screen and i-phone so I don’t really want to change the width or font settings.
These are screenshots that the Mac user has sent me. See how the buttons are not aligned and elements are overlapping.
I would like to make the icons on this page smaller (but not as small as the minimal option).
Many thanks
Ignore previous request – I’ve just seen the “custom top and bottom margin” check box!
Have a nice day! :-)
That worked – thank you! Is there a way to stop it changing the colour i.e. so that it is the same colour as the text around it?
Many thanks
I don’t know how to post a screenshot here, but if you look at the page I mentioned it has a blue colour section “A Complete Service….” to which I have added the downward arrow. Unfortunately a downward arrow can also be seen further down the page above “Recent Fit-out Projects”. If you look at the page you should be able to see this.
Many thanks
