-
Posts
-
The mobile menu icon and search symbol have dropped off the header panel when viewed on a mobile https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_Mobilemenu.jpg. It’s the same on both the patient https://theimplantcentre.com/ and dentist version of the site https://dentists.theimplantcentre.com/ when viewed on a mobile.
Hey Rupert,
Add this to quick css:
@media only screen and (max-width: 767px) { .main_menu ul:first-child > li > a{ line-height:100px!important; }}You seem to have already have 240px line-height overwriting this. Locate and remove this and my code should work.
Best regards,
Jordan ShannonThanks
Do I remove all of this or just one line…}
.sub_menu { font-size: 16px; } /* changes the font size of sub menu */
.fixed_header.social_header #main { padding-top: 174px; }
.main_menu ul:first-child > li > a { line-height: 240px !important; }
#header .mega_menu_title { color: #2f5691; }Hi,
Remove this particular line of code.
.main_menu ul:first-child > li > a { line-height: 240px !important; }Or move it inside a css media query.
@media only screen and (min-width: 768px) { .main_menu ul:first-child > li > a { line-height: 240px !important; } }Best regards,
IsmaelHi,
I’m still seeing the 240px line-height. Did you revert it back? Can you give us a screenshot of what it looked like when you followed our instruction?
Best regards,
Jordan ShannonOK I’ve definitely added this
@media only screen and (min-width: 768px) {
.main_menu ul:first-child > li > a { line-height: 240px !important; }
}Hi,
I was suggesting that you remove that not add it. You want to add my code:
@media only screen and (max-width: 767px) { .main_menu ul:first-child > li > a{ line-height:100px!important; }}Best regards,
Jordan ShannonHi creativeyes,
Could you please clear the cache, check again and get back to us.
Best regards,
VictoriaAh ok, I see you’re looking at the dentist site which seems to be ok now on a mobile https://dentists.theimplantcentre.com/ but the main menu has shifted up on a desktop https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome5.jpg
The mobile menu still isn’t right on the patient site https://theimplantcentre.com/ – https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome4.jpg and something has also affected the top banner on the home page because it now has a gap in the middle and the right hand edge – https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome3.jpg Please can you sort this out asap.
Hi,
The mobile menu still isn’t right on the patient site https://theimplantcentre.com/
It looks like that because of the following css codes.
#header_main .container, .main_menu ul:first-child > li > a { height: 143px !important; line-height: 190px !important; -webkit-transition: all linear 0.2s; -moz-transiton: all linear 0.2s; transition: all linear 0.2s; }Please remove it or adjust the height and line-height value. Again, you can move it inside a css media query if you don’t want that specific modification to affect the mobile view.
Best regards,
IsmaelThanks Ismael, I just don’t have the skills to sort this out. I’ve tried adjusting the line height but it’s not made a difference. Please can someone login and resolve all these issues for me. The two sites are looking worse than when we started the process!
I outlined what needs doing in this reply:
July 30, 2018 at 12:07 pm #991479Hi,
We’ve added the necessary css codes and removed those that were no longer needed.
This is how it should look. https://imgur.com/a/0kpnbluBest regards,
IsmaelMany thanks, both menus look great when viewed on a mobile but they both now don’t look right on the desktop view. Both main menus need moving down https://theimplantcentre.com/wp-content/uploads/2018/08/TIC_Mobilemenu1.png and https://theimplantcentre.com/wp-content/uploads/2018/08/TIC_Mobilemenu2.jpg
Plus the fireworks panel at the top of the patient homepage now has a gap in the middle and on the right hand edge, please can you remove them.
Hi,
Thanks for the update.
I re-organized the css codes on the Quick CSS field but there are still some css codes from the css > custom.css file that requires some adjustments. I can’t access it because the Appearance > Editor panel is not accessible.
You should put all your css modifications on a single place, whether it be the style.css file or the Quick CSS field. It will make your life easier in the long run. And don’t duplicate the same css media queries. I removed the duplicates and sorted the css media queries in the right order. Please review the css codes on the Quick CSS field.
Best regards,
IsmaelHi, thanks for your help. I’m trying to get the Editor working on the Appearance. In the meantime I still have an issue with both the menus being too high when viewed on a desktop. Please can you look into them.
I’ve managed to move the main menus down using some code you provided me with before:
span.avia-menu-text { position: relative; top: 30px; }
nav.main_menu { background-size: inherit; background-repeat: no-repeat; }But the search icons haven’t moved down as well, see both sites when viewed on a desktop https://theimplantcentre.com/ and https://dentists.theimplantcentre.com/
HELP! The dropdown menu links on both sites have disappeared https://theimplantcentre.com/wp-content/uploads/2018/08/Screen-Shot-2018-08-06-at-13.51.04.png, I’m guessing they are white when they should be #2f5691. It’s the same on https://theimplantcentre.com/ and https://dentists.theimplantcentre.com/. Please can you help ASAP
I’ve been tweaking things at my end to get them showing again. I still have an issue with the position of the menus and the search icon on both sites https://theimplantcentre.com/ and https://dentists.theimplantcentre.com/. In both cases they need moving down, they should sit just above the bottom of the header panel https://theimplantcentre.com/wp-content/uploads/2018/08/TIC_Mobilemenu1.png
Hi creativeyes,
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
#header_main .container, .main_menu ul:first-child > li > a { line-height: 195px !important; }If you need further assistance please let us know.
Best regards,
VictoriaI’ve added that to both the Quick CSS and via the Editor in the Network Admin https://theimplantcentre.com/wp-content/uploads/2018/08/Screen-Shot-2018-08-08-at-09.32.05.png but it’s not made any difference.
Please can you go in and sort both of them out as they don’t look good.
Hi creativeyes,
I have checked it on my end and it seems to have moved down.
It may just be a caching issue, if you have a caching plugin try to flush out the cache and temporarily disable it, also clear your browser cache or try to use a different browser which you haven’t used to open your site or chrome icognito mode. Hope this helps.Best regards,
Nikko
- You must be logged in to reply to this topic.