Search Results for 'mobile menu'

Hi,

Thank you for your appreciation of the theme, there are many more new features to come in future updates.

So you want to remove the mobile menu icon and search icon. If that is the case, then this could be done with some CSS. Try a code like this
– https://www.screencast.com/t/WPADQpj9
This code can be entered in Theme panel->Custom code->Advanced CSS in the phones section

#td-top-mobile-toggle,
.header-search-wrap {
display: none!important;
}

If this is not what you wanted, some additional details would be helpful.

Thanks

Hello,

Sorry but the mobile menu will use the main menu, not the top menu. If you need separate menus for your mobile version, you can use the mobile theme plugin which offers a separate menu for mobiles.

Thank you!

Hello fmm1982,

From the Theme panel -> https://www.screencast.com/t/MA6gGA4NF21y you can change the mobile menu background image.

Thanks.

That is unusual, maybe it is not entered in the theme panel. I still see it in the page source here however
– https://www.screencast.com/t/wCpe4vfP3r
If you cannot find it, I could give you a different code to cancel it on mobile

.sf-menu {
display: none;
}

Enter it in the Advanced CSS->phones section.

Hello mmedia6587,

Please understand that the main functionality of AMP plugin is to display the posts very quickly on the Google’s eye. Basically, when a client in on AMP version, he is not on your website (that’s why your visits were falling down more and more ) and the main goal is to redirect it to your own website. The AMP will have to be viewed as a preview of the posts pages of your website which are delivered by the Google AMP Cache. This is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. For more information about this case and to better understand the operating system for this plug-in, please check the following useful manual from here -> https://www.searchenginejournal.com/difference-accelerated-mobile-pages-amp-mobile-friendly-pages/172967/
As a very good example, please check the official page of Seo Yoast and there you will see that they have not implemented the menu bar on AMP pages, as you can see here -> https://www.screencast.com/t/OfzMGTLPQk
Also, please notice that AMP will work only for pages which were made with a simple text and not with some page builder elements.
For more references and for a better understanding of AMP functionality please read the plugin documentation!!!

Thanks for your understanding!

This is the code that does that – https://www.screencast.com/t/DbIS29ISUshv
The desktop menu should be hidden on mobile, but that code makes is visible
– https://www.screencast.com/t/sbtlcpqO5Y
If you remove it or add it to the Advanced CSS, the default theme condition will apply.

Hi,

That would be the default design for the big grids. There are many big grid designs to choose from. For example style 4 does not feature a dark gradient.
But if you want to use style 1 and remove the dark overlay, enter this code in Theme panel->Custom CSS

.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
display: none;
}

It will remove the overlay for most grids once entered
– https://www.screencast.com/t/qk23uiqFo

The mobile modal window in which the menu will be displayed, has settings in the theme panel
– https://www.screencast.com/t/nn6YduNBf
You can set a background color or gradient for the modal window, so you can set a white background color and also color the text red.

Thanks

Hi,

First there is a padding that moves the mobile menu to the right
– https://www.screencast.com/t/wnCGA1mfaQaP
Then there is also this code that makes the desktop menu visible on mobile
– https://www.screencast.com/t/DuVvrwSvVR
If you created design for the desktop menu, use the Advanced CSS sections, enter it in the desktop section. That way it will not apply on mobile and break it. If you remove or move those codes it will display normally
– https://www.screencast.com/t/Y6CAtPK2KmW

Thanks

The code will simply reduce the font size and also a little from the margin of the menu items, when the width is getting smaller, it may need modifications.
But it seems you also have additional code that applies to the header menu. On mobile it looks like this for me at the moment
– https://www.screencast.com/t/VzQ336hvFa
Use CSS carefully, or it will break the design. Use the Advanced CSS sections to enter code to affect specific devices only. I don’t know exactly what you want to do with the header menu, how you want it to look.

Hi,

1. That is the page padding, similar to desktop but smaller
– https://www.screencast.com/t/rgkmUFKzzT
It could be removed by entering this code in the theme panel advanced CSS section, in the phones and tablet fields
– https://www.screencast.com/t/cca9VqHp7pPZ

.home .td-main-page-wrap {
padding-top: 0;
}

2. There is a setting for the mobile menu background color
– https://www.screencast.com/t/mjju2gutkK

Thanks