Say What! Menu Style 6 (Ipad) UGLY!
Having a really tough time with the menus when going to ipad.
Lots of useless space is in there forcing me to put most of my menu items under a custom link “more”. And forcing me to use short names for my items….
Could you spare some css so I can tighten this up for the ipad…Already tried a smaller text size etc…
I would like to get rid of the arrow down cause it overlaps onto the menu name when viewing in ipad, would also like to eliminate some space between menu items too
thank you!!
Also, IMHO a second bar (bottom bar in header) would look better than a top bar….. just my tow cents..
Hi,
I’m not sure how it looks on your end, but please test our official demo and see if the ugly space is there as well as we cannot see it on our end. Here is a link for you to test on your device: http://demo.tagdiv.com/newspaper_what/ If for any reason your site does not display like our demo, it means there is something that is causing the issue. Please provide a link to your site so we can inspect.
Thank you!
Thanks Bogdan,
The reason why your ipad menu for say what looks good is you limited your characters:
Home
Celebs
Relationships
Scandal
More
But what if your categories have more letters, then it’s a problem and the width between has to be shrunk, font size has to be shrunk, arrow down has to go..etc..
All i want to do i guess is shrink some space between categories…and maybe remove the arrows… via css..
Hello mboydnv,
I have tested on my side with the SAY WHAT demo style, using a long title for the main menu and the results you should see here -> http://screencast.com/t/CoLUY7ZCcpuC We have no problem in this regard and I guess that the problem is only to your site, regarding on your settings. Please try to make a new fresh/clean install from scratch and check the results. Clear all your caches and use only the plugins which come bundled with our theme and rule out the conflicting plugins.
If you need more assistance in this regard and if your problem is still there, please provide your website URL so I can inspect it closer and also, so I can identify the source of this problem. If you do not provide your website URL, I cannot help you because I have tested on my side with SAY WHAT and I cannot recreate this issue.
Thanks for your understanding!
Thanks Catalin,
but I got to tell ya, the screensnap (CoLUY7ZCcpuC) you are showing me does not look impressive. Too much space on the line height etc…
My problem is I don’t want a second line of menu spill over on the ipad. Nor do I want a very tiny font size. Just want control of the space between the categories and the arrows gone. Don’t need arrows, because the category highlights itself.
My site is p a r a d i s e f o u n d t o u r s .com
I really think the menu choices need better design to allow more categories and more letters.
Would you be so kind as to spare any css for that?
Thank you.
Also, since you are visiting my site on ipad. Any suggestions on fixing the deadspace on the right sidebar. When viewing on desktop the space after the video player stops to allow the body content to catch up (which is awesome) but on ipad it does not. It just shows a big space. any suggestions?
Thanks so much.
Hello mboydnv,
First of all, please notice that so it should look your SAY WHAT demo menu, like this -> http://screencast.com/t/eXtv6npfi I have checked your website and I saw that your main menu has been a bit of broken in iPad mode…but I have noticed that you have some additional customization through code that causes these secondary effects. Please try to revert the theme to the default state and then check the results because we cannot provide support for your additional customizations, sorry! Plese try to disable all the active plugins, leave just Visual Composer, clear all your caches and install only the plugins that come bundled with our theme and rule out the conflicting plugins.
Also, if your problem is still there after this, you can send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect your problem.
Thanks for your understanding!
Hello,
I have seen the demo. Please no more references or screens of the demo. I get it.
I removed some code in the header.php and the index.php files and it made no difference.
1. Your template does not allow for additional menu items in a pleasant design. I sure wish you guys would add a second bar and not the top bar…= A second bar would look great under the black…anyways, all i really need to do I guess is remove the arrows. Wish I could get a clean second line of menu items but that is too difficult, the line height goes crazy….
here is a screen snap from my ipad: http://www.screencast.com/t/9aLnhXF3Xhv3
How do i get rid of arrows and adjust space between items? Please?
2. Any ideas how to fix the deadspace in the sidebar on ipad after the video player and before “inside our las vegas blog” ? Please?
http://www.screencast.com/t/l2GTFx7iex
http://www.screencast.com/t/CuKjZUNUopj8
I don’t have that deadspace when viewing on desktop/ http://www.screencast.com/t/lGCVdARm
Thank you so much….
Hello mboydnv,
For your first request, please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 1018px) and (min-width: 768px){
.sf-menu .td-icon-menu-down {
display: none;
}
}
@media (max-width: 1018px) and (min-width: 768px){
.td-header-style-6 .td-main-menu-logo {
margin-right: 8px;
}
.td-header-menu-wrap-full{
height:initial!important;
}
}
The result you should see here -> http://screencast.com/t/vhoiagMpE
For your second request, please notice that that whitespace come from your sidebar because this is too short for your page content and if it is fixed when you scroll down you will bring that white space. You will have to try to make your sidebar being in sticky mode and then through this method you can get rid of it this space. For more information about smart sidebar, please consult our documentation here -> https://forum.tagdiv.com/smart-sidebar-2/
Hope this helps!
Thanks for your understanding!
