No search results were found in Documentation!
Hi
Use this css in theme panel > custom code > custom css to display the banner on mobile: http://screencast.com/t/bXyhzHFIS
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
.td-header-top-menu .td-a-rec-id-custom_ad_2{
margin-bottom: 0px !important;
margin-top: 0px;
}
}
Thanks!
Hi
You can achieve that by adding this line of code in menu-mobile.php file like here: http://screencast.com/t/bTeetwkylsu
locate_template('parts/header/top-widget.php', true);
Also you need this css in theme panel > custom code > custom css: http://screencast.com/t/y0OCloZqw
.td-mobile-content .td-header-sp-top-widget{
float: left!important;
background-color: red;
}
Thanks!
Hello atabrb,
Please check this topic here -> https://forum.tagdiv.com/topic/top-menu-in-mobile-version/ and try to implement for your side.
Thanks.
Hello kapunas,
Unfortunately, our theme does not have such an option for your desire. In order to achieve as you wish, you have to do some additional customizations to do that. Below I gave you an example of transition for the mobile menu. If you want to develop in this case and you are not aware of the steps in this regard, please consider hiring freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
The code is ->
.td-mobile-nav-wrap, .td-content-wrap {
-webkit-transition: left 2s;
transition: left 2s;
}
Hope this helps!
Thank you for the message!
Hello cdeloach,
If you want to replace the icon with the text for your mobile menu, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-icon-mobile:before {
content: 'MENU';
}
The result you should see here -> http://screencast.com/t/6yMAWrvVaN
Thank you for the message!
Hi
1. Try this css: http://screencast.com/t/UQ7uHzLYE3W
.td-mobile-close a{
background-color: red;
}
2. You can change the menu items text color from theme panel > theme colors: http://screencast.com/t/tmmfIft2AnQ
Thanks!
Hi
By default the theme does not display the top menu on mobile devices. However you can use this css in theme panel > custom code > custom css to display the top menu on mobile: http://screencast.com/t/CR5mfgq8EON
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
Thanks!
Hello,
How can I add a slight transparency and a slide/ease in and out transition to the mobile menu?
Thank You
I would like to add the word “MENU” beside the navigation icon (or instead of it) in the mobile interface. Can you please point me to the file/line of code to modify for this?
Thanks,
Collins
There are social media icons at the top of my site (Facebook, twitter, Instagram, etc.) Is there no place on mobile to put these same icons? Like in the menu area? Basically I’m trying to make sure there are social media icons on mobile and I wasn’t sure if this was a setting you have to be able to add them.
Hi, thanks for answers but i want to remove all sections on mobile vers. (search icon, mobile sticky menu etc)
toggle removed, others still there 🙂
Thank you again.
Hi, i was wondering if there is any way of changing the menu on a mobile from the header style to the sticky version.
For example i want the <div class=”td-scroll-up td-scroll-up-visible”>
to replace
<div class=”td-header-wrap td-header-style-9″>
Hope this makes sense.
Thanks
Hello atabrb,
Unfortunately, our theme does not have such an option to disable the mobile version, sorry! If you want to quit to the mobile menu, you can use a bit of CSS code to hide the mobile toggle icon to no longer has access to the menu in mobile mode.
The code is ->
#td-top-mobile-toggle {
display:none!important;
}
The result you should see here -> http://screencast.com/t/JiyDQ33F9P9
Hope this helps!
Thank you for the message!
Hello,
i want to use another plugin on my site’s mobile version. i can install plugin (tap tap by bonfire).
how can i disable theme’s default mobile menu?
Thanks,
Atakan
Hello,
if i activate “strech row” in visual composer, the moibile-menu is brokes, when the user change the display-size
i don`t know, if i can explain that exactly, so i have made some screenshots:
https://www.asuro.de/files/screenshot_01.jpg
https://www.asuro.de/files/screenshot_02.jpg
https://www.asuro.de/files/screenshot_03.jpg
https://www.asuro.de/files/screenshot_04.jpg
on the first two screenshoots all its fine, but when i change the displaysize (screenshot_03) you can see, that the menu is broken.
IF i deactivate “strech row” it work`s
Maybe you can help me to fix the problem?
Is it possible to have the social media on the mobile version? Like at the bottom of the menu area?
1. I’m absolutely stuck with being unable to change the hover color Popular Posts in the footer widget at http://trekcore.com/newspaper. I can’t figure it out… I’ve spent an hour experimenting, and can get it to change, but when it changes, it changes a bunch of other hover link colors – so I can’t isolate it for some reason. Maddening and would love your help 🙂
2. On mobile only when clicking an item in the menu that expands to reveal submenu items, it flashes a blue color briefly. Zero clue how to change that…
Thanks for the great theme!
Hello marcop,
Please try the code below to hide the third sub category level.
The code is ->
.td_mobile_elem_with_submenu_2 li:nth-child(3) {
display:none;
}
The result you should see here -> http://screencast.com/t/TjsH7kpGH1
Thanks.
Hello TagDiv Team,
I can’t find out how to change the background colour of the MOBILE MENU of my theme.
I know in Newspaper you can have a separate function in the theme panel but Newsmag does not come with one.
How can I change the colour using custom CSS?
Thanks,
Hi
The mobile menu it’s generated by menu-mobile.php file, You can edit this file and add your custom html: http://screencast.com/t/5WSxEkdoyHE You have to carefully edit the file as the html must be inserted inside php which make the task a bit difficult.
Thanks!
hi, how can I customize the menu for mobile? i don’t wanna edit the default styling. i just want to add some custom html to it as well as link texts instead of default submenu to make it more beautiful in mobile.
I currently hid the third level subcategory “Mexican” from the MegaMenu drop down but the mobile version still shows it. How can I hide it from mobile?
Example: Food & beverage->Food Reviews->Mexican
Hello, I have problem with change color menu in mobile version.
I don’t know which code html I should add to Custom CSS.
Please help me, because now I have menu in mobile version color #222 and i should change to (example #333333)
Please give me code to change this color.
Best regards 🙂
Then used this in the custom css to add the sub nav menu items to show only on the mobile menu but the sub nav menu to be hidden on mobile.
@media screen and (max-width: 767px) {
.nav_sub {
display:none !important;
}
}
@media screen and (min-width: 768px) {
.menu-item-104301 {
display: none;
}
}
@media screen and (min-width: 768px) {
.menu-item-104302 {
display: none;
}
}
@media screen and (min-width: 768px) {
.menu-item-104303 {
display: none;
}
}
@media screen and (min-width: 768px) {
.menu-item-104304 {
display: none;
}
}
@media screen and (min-width: 768px) {
.menu-item-104305 {
display: none;
}
}
i can’t get my mobile menu tabs to show or work so my visitors can visit my site while on mobile devices.
http://www.womenandshoesmag.com/
