Search Results for 'mobile'

Now it should work, add this as well

@media (max-width: 767px){
.td-header-sp-top-menu, .td-header-top-menu-full {
width: 100%;
text-align:center;
}}

Note that there is also a login in the mobile menu, so now you will have one in the top menu and one in the menu modal.

This code will remove it on mobile for example

@media (max-width: 767px) {
.Rhineetle {
display: none;
}}

The code has to be entered here – https://www.screencast.com/t/papIv5w5

If you create a new table and place it in the post content, you could use a new class. Then hide it on desktop, for example

@media (min-width: 767px) {
.Rhineetle_mobile {
display: none;
}}

This should work. I tried to make the table to scroll but with no results. It could be possible with enough time. You could search online for the best way to create a responsive table, there could be valuable tips.

Hi,

What exactly is that? Does that appear when you use the search button? The colors for that modal can be adjusted in the theme panel
– https://www.screencast.com/t/rg8NcLwe5D (no mobile theme)
– https://www.screencast.com/t/5Gm6gDYAJoq (with mobile theme plugin)

You can also set a background image if you want to.

Thanks

Hi,

While it may look nice on desktop, that table is not suited for mobile. That many table columns will not fit properly on mobile. Also I see that non-responsive fixed values in px are used. I tried, but there would be no way to fit that table on a small screen and also maintain a decent design on it
– https://www.screencast.com/t/7cZ3vtx3
The theme has some design for it and will try to make it responsive
– https://www.screencast.com/t/JEcz79e0wDhz
But that may not work with all tables.

What you could do is to create an additional table more optimized for smaller devices. I could give you a code to hide this one for mobile and display that one instead, if you should consider that a solution.

Thanks

I see you decided to place it in the top menu, with the multi-purpose style.

So on mobile you want to replace the logo with the tagline. You could try something like this maybe
– https://www.screencast.com/t/lPiiLl6ty

@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap,
.td-mobile-logo img{
display:none;
}
div.td-header-sp-info {
margin-left:0;
position:absolute;
left:0;
top:10px;
}}

Hi,

So maybe something like this – https://www.screencast.com/t/gmTvS07AS8U

This is the code used, enter it here – https://www.screencast.com/t/c0cg03ne

.td-mobile-logo img {
right: 44px;
left:auto;
}

Thanks

Hi,

You seem to be using a mobile theme of some kind on mobile
– https://www.screencast.com/t/HaeeWxx8
Try to disable that theme and check AMP again.

Hi,

The top menu is not displayed on mobile, it never was intended to display there.

However it could be made to appear with a code, if this is required. Something like this would work, you could try it
– https://www.screencast.com/t/CABlPOFxL
This is the code for it if you want to use it

@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}}

Thanks

Seems to work now – https://www.screencast.com/t/kooHyuB1H
There are no errors that I can see, AMP is validated. The ads show for me as well, when checking with mobile or mobile emulator.

Hi,

The top menu is not displayed on mobile, I could give you a code to display it if you could provide a link to your website. Or you could add the language switcher to the main menu.

Thanks