- This topic has 17 replies, 2 voices, and was last updated 8 years, 9 months ago by
.
-
Posts
-
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)On that website http://www.school87.kiev.ua/
Hello @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.Hello!
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
Can you re-attach the screenshot? It appears broken!. We would like to check it for more clearance. Thanks
Regarding 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.
With 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)
Ok 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 !
I paste the code but nothing has changed.
You can double-check yourself http://www.school87.kiev.ua/You 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; } }horizontal 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.
- You must be logged in to reply to this topic.
