Search Results for 'mobile theme'

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

Hello,

Sorry but the mobile theme page is predefined and there are no settings to change the layout or posts shown. Sorry but it can only be done through customization and altering of the theme files.

Thank you!

Hi,

There is no option to create landing pages in the theme. You can only create normal pages, using the tagDiv composer
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
And set the homepage you want, for your website
– https://forum.tagdiv.com/homepage-how-to-build-and-set-it/
The mobile theme plugin is optional. If it is not activated, the same content from desktop will be displayed on mobile devices. The theme is fully responsive and will adapt in all cases.
If the mobile plugin is activated, this comes with predefined templates for the homepage, category page, post page etc.
– https://forum.tagdiv.com/the-mobile-theme/

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,

I have inspected your website, and the mobile theme is not displaying at all on your website. Please note that the this might be happening because of a plugin conflict.
You can see if that is that case by deactivating all your plugins except the plugins included in the theme package, and clear any caching installed. Then check if then mobile theme is working.
It could also be the caching plugin that you use. It is recommend to use the WP Super Cache plugin for optimal results
– https://forum.tagdiv.com/cache-plugin-install-and-configure/

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,

When using the mobile theme, there is no option at the moment, to change the font properties.
You could try to load the font like this first
– https://www.screencast.com/t/zWl8UTeN6
And then apply with with CSS for the elements you want
– https://www.screencast.com/t/fWtTDPk7PZj
There may be more options added in future updates, to allow font customization on mobile, when using the mobile theme plugin. But I could not say for sure when this will happen.

Thanks

Hello iamkingsleyf,

First of all, please keep in mind that if you keep replying you will only delay your answer because we answer from oldest to newest. Posting more and more replies will only move your post to the fresher ones and delay the answer further. For future optimal response time, please only post once and wait for the reply as we answer every message.

I have inspected your website and I saw that you are using a lot of Ads which are not supported by our theme and also, use a lot of untested plugins which a break the theme layout, sorry! In the bottom of your article pages, on mobile, you have some problems with your ad which does not come from our theme, sorry! As a quick fix, you can try using the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

@media (max-width:767px){
.pc_block_inactive{
float:inherit!important;
}
}

The result -> https://www.screencast.com/t/L0dEZ9LT

Also, I saw that you are using the Google Adsense Link Units -> https://support.google.com/adsense/answer/15817?hl=en. Notice that our theme does not recognize these parameters, and if you want to achieve that format of Ads, you can try to use the AdRotate plugin. The theme only works using the Google Adsense ad codes: https://forum.tagdiv.com/ads/ … for another type of ads you can either use wp text widget or a plugin like Simple Ads Manager or AdRotate to render the code then use theme’s ad spots. There is no official tested ad plugins as we have our ad system. Adrotate works with our theme even though it’s not tested by us but by our users. It seems that your Google Units Ad cause some problems in the mobile version because it has a width fix.

Thanks for your understanding!

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