Search Results for 'mobile menu'

Hi,

It seems to direct to Facebook at the moment
– https://www.screencast.com/t/wS1wIn07D5o
– https://www.screencast.com/t/ZelG2uU5dGq
If the link to the account is entered properly in the theme panel social networks field, there should be no problems.

That is the footer menu, you can create your own menu and set it in the theme panel
– https://www.screencast.com/t/yQxwFSww4

I could give you a code to increase the top padding on the logo tagline, for mobile. Try entering this code in Theme panel->Custom code->Advanced CSS in the phones section

.td-logo-text-container .td-tagline-text {
padding-top: 10px;
padding-bottom: 2px;
}

Thanks

Hi,

The socials displayed in the top bar, footer and mobile menu, will be the ones that have an account link entered in the Theme panel->Social networks
– https://www.screencast.com/t/m2BWplvt2ZuQ
You can remove the socials from that location if you wish.

Thanks

Hi,

The search icon is just already added on the top right in the mobile menu, like this
-> https://www.screencast.com/t/dN64keGm

Thanks.

Hi,

Please do not post such export codes in the topic, it is causing problems to the forum functionality.
The Health demo you mention has custom design as all demos have, in this case including a background color set for the mobile menu bar by the demo. This would override the color you are trying to set through the theme panel.
A solution would be to remove this design choice from the demo stylesheet
– https://www.screencast.com/t/BrvYKagQOoEE
A different solution would be to use a similar code to change the background color
– https://www.screencast.com/t/KYHmMwX9K
This code has to be entered in Theme panel->Custom CSS section, if you decide to use it.

@media (max-width: 767px) {
.td-header-wrap .td-header-main-menu {
background-color: #219ed3!important;
}}

Let us know if you require further help, or you have more questions.

Thanks

Hello jalmz,

I have inspected your mobile website and I saw that your mobile menu button is white and that’s why it’s invisible. Try to change the color of it using the following code ->

#td-top-mobile-toggle i{
color:#111;
}

The result is here -> https://www.screencast.com/t/KjD5lgAzMXuu

Thanks.

Hi,

You could use some CSS to customize how it displays. Something like this will work for the present situation
– https://www.screencast.com/t/MVOHZ7MTcW
This is the code used, enter it in Theme panel->Custom CSS if you decide to use it

.td-menu-background,
.td-mobile-container {
width:75%;
}

You can use the browser inspector to identify the elements present on the page and their classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

It should work, that is how the mobile menu bar background color is supposed to be changed
– https://www.screencast.com/t/bGeJpiQf
– https://www.screencast.com/t/Gm4ws5dMI4hN
A possible cause for the change to not be displayed could be caching. Please try and clear any caching installed and check the results.
If there is still a problem please provide a link to your website so we can inspect it. Configure the theme panel color before with the color you want. Maybe we can identify what is happening.

Thanks

Hi,

I have tried to add an icon in the menu like this
– https://www.screencast.com/t/Ry0fST34go
The results are here, both desktop and mobile
– https://www.screencast.com/t/FJlKfyRhPP
– https://www.screencast.com/t/tHSjDBAk
Even for all menu items – https://www.screencast.com/t/4GXl5Rfc7v
So the icons should be displayed properly for you as well. Double check how you added the icons.

Thanks

Hi,

The top menu will not be displayed on mobile. It could be made to appear with custom code, like this for example
– https://www.screencast.com/t/F4Uj2zte22H
This is the code used, enter it in Theme panel->Custom CSS

@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;}
.menu-top-container {
margin-right:0;
}}

Thanks

Hi,

The theme is fully responsive and will adapt the website for every device. All the theme elements are responsive. I have inspected the website, there seem to be no side scrolling issues at the moment
– https://www.screencast.com/t/XAE13GbDHxhh
– https://www.screencast.com/t/JU4C7p1vyO
If it happens again please try and scroll to the sides and see what exactly is causing the issue. Usually these issues are caused by ads that are not responsive or optimized for mobile.
The menu is not working on desktop as well, so it will not work on mobile. Please re-add each of the menu items as categories, if they are categories
– https://www.screencast.com/t/tcMNvH8qBzt
This is a guide if you would like to create mega-menus
– https://forum.tagdiv.com/mega-menu/

Thanks