- This topic has 35 replies, 3 voices, and was last updated 7 years, 11 months ago by
.
-
Posts
-
Regarding the Mobile version,
1. I encountered difficulty to minimize the drop-down Quick Links Menu after clicking the “Quick Links” or “Arrow Down”. Can I add any Custom CSS to fix it?
2. Can I reduce the white space between Header and Menu in mobile version if I don’t have Logo and Site Title and tagline?
Thanks.
Hello @wslee,
We have checked the quick links drop-down menu on our side and the menu is opening fine on tapping the arrow icon. Also please note that the list does disappear on touching on anywhere on the screen other than the links menu.
Please see if it works accordingly for you and write back to us if you still have issues.
Regarding the space between the header and the menu in mobile version,given that the search, title, tagline and logo is disabled, you can decrease the space by pasting in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field :
@media(max-width: 769px) { .site-header { min-height: 0px; } } #page #masthead { padding-bottom: 0px; } }Hope this Helps,
Best Regards !!
Thanks very much! Regarding the white space between header and menu, the Custom CSS works well.
However, I still find problem while using “Quick Links” menu at mobile version. For instance, when i try to use the mobile to open “http://demo.wenthemes.com/education-hub/” , the “Quick Links” menu could not be minimized after the menu is opened. The drop down list of “Quick Links” menu does not disappear when i touching on anywhere on the screen other than the links menu. Is it possible to make the Quick Link to be real drop down menu instead of “onmouseover”? Thanks very much!
Hello @wslee,
While we have tested the website in the mobile device the link list disappears while touching on the areas other than the quick links menu in responsive view.
Please verify the issue and if the issue occurs let us know the device / orientation that you are using to test the menu section.
Also, it would be great if we could check your Site URL to check for the issue.
Best Regards !!
I am using Iphone and IPad to test it. It seems it is not work well while using “Safari” as the browser. I just tried the Samsung phone and found the function works well.
Are there any possible way to fix it for iphone and ipad? Thanks.Hello @wslee,
We did test for the issue in the safari browser on an iphone and have witnessed the issue.
We will surely work on to find and implement the fix for the devices with future updates.
Thanks for understanding,
Best Regards !!
Please am also having the same issue, “I wanted to reduce the with space between the site title and the menu including quick links but when I inputted the code above, I see this error “Your curly brackets {} are imbalanced. Make sure there is a closing } for every opening {.”, please help. My website is waponpoint.com
Hello,
You can decrease the space between the menu and header in responsive views ( Mobile devices ) with the use of the following custom CSS :
@media(max-width: 769px) { .site-header { min-height: 0px; } #page #masthead { padding-bottom: 0px; } } @media only screen and (max-width: 479px) { #page #masthead { padding-top: 0px; } }The updated code will also sort out the error you are getting in the customizer regarding the imbalanced braces.
Hope this Helps,
Best Regards !!
Thanks very much it works.
Please I also have one issue, I hope it’s possible,
I disable search form, notice on header in order just to make my content even more above the fold, please is it possible to display the search form and other features to display on desktop screen only but not on mobile devicesHello,
To disable the search form display in the header in the mobile screen only, after enabling the search form display from the Admin Dashboard > Appearance > Theme Options > header Options > Show Search Form, please add the following Custom CSS :
@media only screen and (max-width: 767px) .search-section { display: none; }This will hide the header search form display on the mobile screens only and allow it to show on desktop.
Hope this Helps,
Best Regards !!
Thank you very much, its works.
One more thing, how will I add social follow to my website (not social sharing button), I have tried the social menu, but didn’t work, thank in advance
Hello @froshdimeji,
Education Hub Pro has the feature to add the social links in your website header with the help of social menu.
Please make sure you have created a custom links menu in your Admin Dashboard > Appearance > Menus with your social links and assigned it to the “Social Menu” menu location.
Also, please make sure you have checked the “Show Social Icons” options in the Admin Dashboard > Appearance > Customize ▸ Theme Options > Header Options.
This should show the icons in your site header with your social links.
Hope this Helps,
Best Regards !!
Thanks very much, really appreciated.
One more thing.The menu bar(on mobile) tends not to open in some browser except chrome and safari, why?
Hello @froshdimeji,
While we have tested the main menu in the mobile devices, the menu seems to be working fine on our side.
Please verify if the issue still exists and if the issue is still seen please let us know the browser ( device / orientation ) that you are having the issues at so that we could fin a fix further.
Best Regards !!
- You must be logged in to reply to this topic.
