Search Results for 'mobile menu'

Glad you could sort things as you wanted. A different menu on mobile is possible, with the mobile theme, by default. Other than this, it would only be possible with theme file modifications.
I could try to give you a solution to load a different menu on mobile when the mobile theme is not activated, but it should be noted that the modifications will be lost after an update. Some of the theme files cannot be modified through a child theme.

The mobile theme is meant to be used if you want to display a lighter and different version of the website for mobile devices. Each page has to be created once for desktop, and once for mobile, through the mobile editor
– https://forum.tagdiv.com/the-mobile-theme/
It has predefined templates for category pages, posts etc regardless of what it’s set for desktop. Also it does not have many settings, at the moment.

Please let me know if I missed something.

Thanks

Hello longnh.com,

Unfortunately, the anchor link on the mobile menu does not work, sorry! If you want to add it you should use it for top bar or footer menu.

Thanks for the message!

The X icon could be easily moved if needed, by default it is aligned to the right. You could align it left or centered
– https://www.screencast.com/t/fgKgA6z0m
– https://www.screencast.com/t/l7ALj0Lso9w

.td-search-close {
text-align:center;
}

I could give you solution for the menu close, that would depend where exactly you want it to be positioned
– https://www.screencast.com/t/NQGpSgNi
Maybe like this – https://www.screencast.com/t/azNPo45Hq

#td-mobile-nav .td-menu-socials {
padding: 0 20px 0 65px;
}
.td-mobile-close {
left: 1px;
}

Thanks

Hi,

The top menu is not displayed on mobile by default, it could be made visible if absolutely required, with custom code (only when then mobile theme plugin is not active). It will be the same top menu from desktop, not a different menu.
Regarding the search icon positioning, I could give you a code to make it display for example next to the menu
– https://www.screencast.com/t/qyORyGNiR1f1

This is the code used for that, it must be entered in Theme panel->Advanced CSS in the phones section

.header-search-wrap {
left:54px;
right:auto;
}

Or you can move it to the right as you wanted (use the value you want in the code)
– https://www.screencast.com/t/6pqX6Way

.header-search-wrap {
right: 60px;
}

These codes must be entered in the location I mentioned above, so they will apply only on mobile.

Thanks

Hi,

The theme package provides a mobile theme plugin, this is optional. If you decide to install and activate it, you can select a menu to be used specifically for it
– https://www.screencast.com/t/uHA3oBKvJ
You can find out more about this plugin functionality here
– https://forum.tagdiv.com/the-mobile-theme/
As I mentioned this is optional. When it is not active, the mobile version is created using the theme responsive design. The same elements from desktop will be displayed on mobile devices, including the menu.
If this is not what you wanted to know, please try to provide some more details for a better understanding.

Thanks

The mobile theme plugin is not required, it is optional to install it. This plugin is intended to be used if you would like to present a different and simpler version of the website
– https://forum.tagdiv.com/the-mobile-theme/
So it is up to you whether you want to use it or not. When the mobile plugin is not active the background image can be changed as shown above, and the colors here
– https://www.screencast.com/t/ZXq72ZvIEjfp
A setting for setting a color when the menu is sticky does not exist, this could only be done with CSS. Like this
– https://www.screencast.com/t/QZD4ylWkngz
This code will make the menu bar have a different color chosen by you, when the menu is sticky. It can be entered in Theme panel->Advanced CSS in the phones section

.td-header-menu-wrap.td-affix .td-header-main-menu{
background-color: red!important;
}

Thanks

Hi,

Regarding the mobile menu background, if the mobile theme plugin is not active it can be changed here
– https://www.screencast.com/t/7fAAHdYQ
If the mobile plugin is active the settings are here
– https://www.screencast.com/t/XPrfrNbV
Also the scroll would be present when the mobile theme is active
– https://www.screencast.com/t/sGXK6QYLR2
When inactive it will not appear, it could be made visible by entering this code in Theme panel->Custom CSS
– https://www.screencast.com/t/OctmuN7BL7

@media (max-width: 767px) {
.td-scroll-up {
display: block;
}

The news ticker text can be changed in the theme translation settings
– https://www.screencast.com/t/5YY0QzJy6e
Same for the related articles – https://www.screencast.com/t/hZzfVfoRPeG

Thanks

Hello,

The color of the mobile menu icons can be changed from the theme colors section: https://www.screencast.com/t/K8YysS9Qm7bY
If you use the mobile theme plugin, a similar colors section will be found in the mobile theme settings at the bottom of the theme panel.

Thank you!

I don’t recall page builder shortcodes working in the mobile theme as you mention. The solution does work, the same content from desktop will appear on mobile devices, if the mobile theme plugin is deactivated.
In that case the mobile menu bar and other menu color settings can be made here
– https://www.screencast.com/t/frwnJxOY
If the setting does not work, please set the color you want and provide a link to the website so we can inspect it. Also on mobile a different logo can be displayed
– https://www.screencast.com/t/Pk5KLjfs
Set the logo you want to appear on mobile there, or the default header logo will be shown.

The mobile theme was created to eliminate the use of page builder elements, thus increasing performance. If the page builder elements could be used, there would be no point to use the mobile theme in the first place.

Thanks

Hi,

Please provide your site url and let me know which the issue is. Do you want to change the transparent(Smart App color for mobile menu) background color to black?
Let us know.

Also please change your one star rating provided, to a better one.

Thanks!