Home › Forums › Free Themes › Magzimum › menu disappears
- This topic has 17 replies, 2 voices, and was last updated 8 years, 8 months ago by wensolutions.
-
AuthorPosts
-
February 16, 2016 at 5:47 am #1400farid.dokuchaevParticipant
When the browser window is narrowed, the top horizontal menu disappears, and instead there are two icons buttons (in the form of three red horizontal stripes), which if you click – right there points gorizontalnoo menu (the same thing happens when a computer with low resolution on a smartphone ). So, if you press the left button to the left instead of the menu – just an empty dark field. How to fix it?
And on the red search button, there is something unpleasant (for them), such as “fl” – you need to probably replace the letter “S” (Search)February 16, 2016 at 5:48 am #1401farid.dokuchaevParticipantOn that website http://www.school87.kiev.ua/
February 16, 2016 at 6:48 am #1404wensolutionsKeymasterHello @farid.dokuchaev,
To show one menu Go to Appearance-> Menus-> Edit Menus ->Select a menu to edit: primary(Top Menu) -> Click Select.
Go to Menu Settings -> Theme locations -> Choose Primary Menu only.
Make sure you have added pages in your Menu Structure.
Click Save menu.
This should show only one menu for mobile device.
You can refer this screenshot: http://prntscr.com/a3yfaiNow, to display search icon, Go to Customize-> Theme Options-> Custom CSS.
Inside Custom CSS section copy and paste the following line of CSS code ..fa-search:before { content: "\f002" !important; font-family: "FontAwesome" !important; }
Let us know how it works.
Regards.February 16, 2016 at 8:01 am #1407farid.dokuchaevParticipantHello!
Nothing happens. Menu got out on the page. I need to top menu remains as it
is and the main menu was in an upright position through the widget. And
what would this menu can be opened on mobile devices (currently dark window
falls). With the addition of the code, too, nothing has changed from the
search icon.Can you see? http://www.school87.kiev.ua
February 16, 2016 at 9:08 am #1408wensolutionsKeymasterCan you re-attach the screenshot? It appears broken!. We would like to check it for more clearance. Thanks
February 16, 2016 at 9:13 am #1409farid.dokuchaevParticipant
February 16, 2016 at 9:14 am #1410farid.dokuchaevParticipantFebruary 16, 2016 at 12:00 pm #1411wensolutionsKeymasterRegarding screenshot 1 for search icon display. Please replace the following custom CSS code with previous one which should display search icon.
.fa-search::before { content: ""; font-family: FontAwesome; }
Regarding screenshot 2 your image clearly shows you haven’t added any menu items for Primary Menu menu to display there in ‘dark window’ as you click on the icon. As a result, it is empty.
So simply add some menu items there and assign to Primary Menu location which will display in that dark window in responsive menu view as was shown in our attached screenshot in above reply.
Hope this makes you more clear.
February 16, 2016 at 12:08 pm #1413farid.dokuchaevParticipantWith the search bar it worked. Thank you. With dark window now I understand. How do I then remove the strip that they were not there at all. The fact that a hundred I do not use this menu. These menu pages I have used in the horizontal menu across the widget (top left in the sidebar)
February 16, 2016 at 12:21 pm #1414wensolutionsKeymasterOk so we now got your point in not using this menu for that particular reason. If this is correct, please paste the following CSS code in your custom css field which will hide the menu access icon in mobile viewports.
@media only screen and (max-width: 767px) #mobile-trigger .fa.fa-bars, #mobile-trigger-top i { display: none; }
Hope this helps !
February 16, 2016 at 12:35 pm #1415farid.dokuchaevParticipant
I paste the code but nothing has changed.
You can double-check yourself http://www.school87.kiev.ua/February 16, 2016 at 12:42 pm #1416wensolutionsKeymasterYou have missed to add the CSS property inside the selector.
Copy the following code direct to your CSS editor
@media only screen and (max-width:767px){ #mobile-trigger .fa.fa-bars, #mobile-trigger-top i { display: none; } }
February 16, 2016 at 12:45 pm #1417farid.dokuchaevParticipantThank you!
Now all the work!February 16, 2016 at 2:55 pm #1418farid.dokuchaevParticipanthorizontal menu, too, disappeared in the form of strips at the opening on the smartphone. I only had to remove one menu (strips) is not could be seen (dark screen) at the top left.
February 16, 2016 at 2:59 pm #1419farid.dokuchaevParticipantwhen you click on the light strip between the dark stripe where was the menu, and the main banner – appears dark empty box to the lef
-
AuthorPosts
- You must be logged in to reply to this topic.