- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Posts are displaying as usual when viewed on mobile but the contents of ‘Pages’ are not visible onlt the title is visible. For e.g. the form fields under a particular page are missing when viewed on mobile phone.
Hello,
Is there a way to hide the sticky header from Tablet only. We only want it to be sticky on Desktop. We see the option for the mobile sticky header but it doesn’t look like there is an option to hide the sticky header on Tablet. Is there away I can do this? Thank you in advance!
Hello,
Please how can i add my homepage sidebar in the mobile theme ?
https://www.solarlatinclub.com/
By the way mobile section in greyed in settings i can’t click on it.
Looks like uninstallation of Mobile Theme plugin helped. Thank you a lot!
No, I can see icon on both desktop and mobile, but it does not work
Hello!
We have 3 options available for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
Hello!
Do you mean on mobile? Then enable this option: https://app.screencast.com/sFhA6X7VCEQNk
Thank you!
Hello!
I have chosen the News Hub PRO theme, and something strange is happening with my site. After installation, everything is fine, and the design matches both the mobile and desktop versions of the site. However, after some time, the style seems to break either on the desktop or mobile version of the site, and I can’t figure out what causes it. An example of the broken style is shown in the screenshot from the phone. The same design issue can appear on the desktop version of the page as well. All third-party plugins have already been disabled, and the cache has been cleared, but it doesn’t help. Could you please advise me on what to look into?
Thank you.
Hi Bettina – see how the tabbed content (2R+2B etc) is narrower in mobile than the content above (Elaine Delmar, etc) – https://app.screencast.com/ghOY3op8tkzkW.
You can see the phenomenon in action if you go to https://jazzjournal.co.uk, look at the tabbed content on the right side of the page, and reduce your browser window to mobile size or look at the same on your mobile.
Tabbed content width is normal in other viewports.
Thanks
Mark
Hi,
For mobile please edit with tagDiv Composer, select the viewport on phone, select the header logo and change it => https://i.imgur.com/cR7F0v4.png https://www.youtube.com/watch?v=HXQQygkCCJo -> https://forum.tagdiv.com/add-logo-newspaper/ delete the text or svg code and insert your logo.
Thank you!
Hello – tabbed content is full width in desktop and tablet views but not in mobile. How to fix this? I have checked all padding, margins, row stretch etc I can find but cannot get image and titles to same width as tab heading line. See here, tabbed content in column 4 in desktop:
Reduce view to mobile and the content is indented left and right.
Thanks
MG
And what about this code – @media (max-width: 767px) { .header-search-wrap .td-icon-search { font-size: 27px; padding-top: 8px; } #td-top-mobile-toggle i { font-size: 26px; line-height: 55px; padding-left: 13px; display: inline-table; vertical-align: middle; color: #efefef; } .td-main-menu-logo img { width: auto; } }
Hi,
I’m glad for your desktop results 😀
For mobile remove only this code = https://we.tl/t-g2OAbfKBuH
I forgot, do you use CDN (Cloudflare)? this will help you.
For mobile on Largest Contentful Paint element it’s on first image but this is loading with a fetchpriority=”low” and it should be high and most of the situation seems to be related to this first image that is loading on mobile.
Thanks
I pasted the code that you just sent in the analytics section and all the codes that you gave earlier have to be deleted, right?
I am attaching the screenshots of the mobile section -https://we.tl/t-KezSgfzQ6q , on which I need to work, please guide me Calin
Calin, I am attaching a screenshot of my desktop pagespeed-https://we.tl/t-qCjNgv9gdx, in which you can see that I have solved all the issues by working on it for two days, with your help. Earlier, the tree map was not working properly, now you see, the layout is completely working and there are some moves in 5 points which were not there earlier. Now, with your help, I have to work on the mobile section. Please help me in this.
Hello,
All the changes that you need to do are using the tagdiv Composer.
1. Please install and activate the tagdiv Opt-in Builder plugin to have the section with subscribe. You can use the lead element that is in the page, but with this you can only collect emails; If you use the lead element, this will be added in Opt-In Builder -> Emails.
In the newsletter provided by our theme, you can use embed code from Mailchimp, Mailer Lite or FeedBurner -> https://forum.tagdiv.com/the-newsletter-plugin/ Please check if it is like this -> https://i.imgur.com/MaowNUz.png
If you want to use another newsletter, you can set the code in column text or text with title => https://www.screencast.com/t/N6rPZvAa The shortcode/code is automatically saved.
2. Those are taxonomies, so you to edit the template here https://i.imgur.com/Pghu7B4.png
3. The icons are custom fields https://i.imgur.com/fWqLlSV.png ->https://i.imgur.com/NPhnGP8.png, so please edit the taxonomies services and check if there are icons https://i.imgur.com/uy9Ka3h.png
4. You need to edit with tagdiv Composer, select the social icons and set there the links https://i.imgur.com/Oe836sk.png
Please make sure the links contain the https://www.
5. You need to edit with tagdiv Composer, and on the row is set the background image -> https://i.imgur.com/gblv4ND.png -> https://i.imgur.com/pFPnzIR.png
6. You have the mobile theme plugin activated; please deactivate it.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
Hello @ramiz1819 !
Please go to Newspaper -> Plugins and make sure the Mobile theme plugin is installed and active. Then, follow the documentation I’ve provided above.
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Thank you!
Hello Samuel Soler!
You can add a simple mobile menu shortcode and choose the menu you want to display. You can also edit the modal and change the menu name to one created in Dashboard -> Appearance -> Menus.
Thank you!
Hi,
Ok, so FlyingPress provide separate cache for mobile is you are using this cache, this is recommended by the FlyingPress if you are not using the responsive version- https://docs.flyingpress.com/en/article/generate-separate-cache-for-mobile-p7a3vn/
Now in case that the problem is still persisting, please try this custom css (and remove ethe one prom previous reply)
@media (max-width: 767px) {
.header-search-wrap .td-icon-search {
font-size: 27px;
padding-top: 8px;
}
#td-top-mobile-toggle i {
font-size: 26px;
line-height: 55px;
padding-left: 13px;
display: inline-table;
vertical-align: middle;
color: #efefef;
}
.td-main-menu-logo img {
width: auto;
}
}The code needs to be set between style /style tags – https://we.tl/t-IxgVEt38Tr
Hi,
For mobile please edit with tagDiv Composer, select the viewport on phone, select the header logo and change it => https://i.imgur.com/cR7F0v4.png https://www.youtube.com/watch?v=HXQQygkCCJo -> https://forum.tagdiv.com/add-logo-newspaper/ delete the text or svg code and insert your logo.
Thank you!
@Bettina you said; “Unfortunately, you can only display the title and URL of the post you selected in the post object field, not other data from that post.”
What i want to achieve is when i write about a song. I pick an artist in relationship with this song so I don’t have to fill out the same info about the artist.
I tried PODS but when trying to display a list of latest custom posts the entire mobile template is looking messed up
Below is my code:
function display_custom_song_list() {
$pods = pods('tleg_song', array(
'limit' => 9,
'orderby' => 'post_date DESC',
));
if (!empty($pods) && $pods->total() > 0) {
ob_start(); // Start output buffering
echo '<div class="songs-container">';
while ($pods->fetch()) {
$song_title = $pods->field('song_title');
$album_cover = $pods->field('album_cover');
$album_cover_url = $album_cover ? pods_image_url($album_cover, 'thumbnail') : '';
$permalink = $pods->field('permalink');
$post_id = $pods->field('ID');
echo '<div class="song-item">';
if (!empty($album_cover_url)) {
echo '<div class="album-cover"></div>';
}
$genre = wp_get_post_terms($post_id, 'genre');
if (!empty($genre) && !is_wp_error($genre)) {
echo '<div class="genre-box">';
foreach ($genre as $term) {
echo '<span class="genre-tag">' . esc_html($term->name) . '</span>';
}
echo '</div>';
}
echo '' . esc_html($song_title) . '';
$related_artists = $pods->field('stage_name');
if (!empty($related_artists)) {
if (is_array($related_artists)) {
$artist = reset($related_artists);
$artist_id = is_array($artist) ? $artist['ID'] : $artist;
if ($artist_id) {
$artist_pod = pods('tleg_artist', $artist_id);
$stage_name = $artist_pod->field('stage_name') ?: get_the_title($artist_id);
echo '<div class="stage-name">' . esc_html($stage_name) . '</div>';
}
} elseif (is_string($related_artists)) {
echo '<div class="stage-name">' . esc_html($related_artists) . '</div>';
}
}
echo '</div>'; // End of song item
}
echo '</div>'; // End of songs container
ob_end_flush(); // Output the buffered content
} else {
echo 'No songs found.';
}
}
add_shortcode('display_songs', 'display_custom_song_list');
See screenshot:
https://i.ibb.co/yVgk5x7/image.png
It’s not css but PODS and how newspaper is built because always code clean and stylize later.
See the difference my mobile site is not like the demo mobile site , why?
Please help me fix this
Also, Please can you tell me why mobile site don’t show the demo theme I installed
Mobile site have only articles , blog pages , the main home page is not available on mobile version?
Ok i got where it is picking my homepage and it is HERE: https://ibb.co/31v0QKs
How can i tell him to ignore the layout i see here in the wordpress appearance menù and consider instead my Mobile composer homepage?
