Search Results for 'mobile menu'

Hi,

You could try a code like this, to modify how the mobile menu displays
– https://www.screencast.com/t/W5biIPBy5C
There might be more modifications needed, but this will give you a starting point if you want to make further customization. You can test the code and see if it is working properly.
Enter it in Theme panel->Mobile theme->Custom CSS section (you can test with other values by modifying the code)

.td-menu-background,
.td-mobile-container {
width:50%;
height: 50%;
}
.td-mobile-container .td-menu-socials {
height: 120px;
}
.td-mobile-main-menu li a {
border-bottom: 1px solid black;
padding: 15px 45px 15px 15px;
}

Here is a link to a tutorial about using the browser inspector to identify the elements on the page and their classes, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The code can then be used in the theme panel custom code sections.

Thanks

Hi,

You can try a code like the one provided below. It will make the top menu display on mobile, and be sticky as well
– https://www.screencast.com/t/imk5KSLM
The code must be entered in Theme panel->Advanced CSS in then phones section

.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
}
.body-td-affix .td-header-top-menu-full {
position:fixed;
top:54px;
}

Thanks

Hi,

This is how the website displays without the “#” you mention
– https://www.screencast.com/t/gP0z5pgr1a
And this is with the symbol added
– https://www.screencast.com/t/61I9pmru
They are the same regardless of the symbol in the URL.
This is the website on mobile
– https://www.screencast.com/t/3N2HXA0LOtXq
The mobile theme does not have any effect on the URL of the website. I believe that symbol is simply added when you use the mobile menu
– https://www.screencast.com/t/s6zfHIsSJf
I don’t see the mobile theme displaying in this case, even if you enter the symbol by mistake. Please correct me if I misunderstand something.

THanks

Hi,

The mobile background color can be changed in the theme panel like this if you are not using the mobile plugin
– https://www.screencast.com/t/oG3loRRD
When the mobile theme plugin is active, the changes need to be made in the mobile section
– https://www.screencast.com/t/vunWfamxI91m
There is no option to modify the width of the mobile menu. It could only be done with custom code. That is the case for the horizontal line that you mention, between the menu items.
If you could provide a link to your website and more details about what exactly you are t trying to do, I will try to give you a solution.

Thanks

Hi,

You could try a code like this one, and it will make the top menu visible on mobile as well
– https://www.screencast.com/t/vLxErQSO6d

.td-header-top-menu-full,
.top-bar-style-2 .td-header-sp-top-menu {
display: block!important;
float:none;
text-align:center;
}

The code must be entered in Theme panel->Custom Css, if you decide to use it.
Unfortunately I cannot test this on your website at the moment, it seems to require login information
– https://www.screencast.com/t/jIKHfwgl5lf9
The top menu will be displayed at the top, it is not part of the main menu container and it cannot be displayed along inside it. Normally the top menu is not displayed on mobile, there is a possibility that this solution may not work properly.

Thanks

Hi,

On mobile the same menu from desktop will display, unless the mobile theme is active. The top menu could be made to display on mobile. If you could provide a link to your website, I will try to give you a solution.

Thanks

Hi,

I am assuming you are mentioning the mobile menu background. If you are not using the mobile theme plugin, this background has to be set here
– https://www.screencast.com/t/h1jIkCoq8Vi
If the mobile theme plugin is active, here
– https://www.screencast.com/t/x9M52kv7e
If you have set a background and it is not displayed, try clearing your cache, maybe this is the cause.

Thanks

Hi,

I have inspected your website, and I have no problem using the mobile menu toggle
– https://www.screencast.com/t/8rUuKfeN89
– https://www.screencast.com/t/HlBhsUisW
The mobile menu toggle is working properly from what I can see. Please correct me if I misunderstand.

Thanks

Hello,

If you use the mobile theme then you will be able to simply create a separate menu for your mobile, version: https://forum.tagdiv.com/the-mobile-theme/
If you do not use the plugin, then please provide a link to your site and specify which menu items you want removed from mobile devices and I will provide the proper css code for it.

Thanks.

Hello josflachs,

You should set up your main menu for Mobile Theme from Theme panel, like this -> https://www.screencast.com/t/P2Ukxk8E Clear all the caches and check the results.

Thanks.