No search results were found in Documentation!
Hi, I want to keep the scroll-to-top button clear of the footer on mobile only (where I have a menu and social share icons).
I use the mobile plugin. I have changed the css for the mobile section to read:
.td-scroll-up{
bottom: 122px !important;
}
It needs the word ‘important’ to make it have any effect. However this makes it show in view even at the top of the page.
Is there a way to hide the icon above the fold? It’s a long time since I set up the theme so I can’t recall if I did anything apart from the css:)
I’m sorry tagDiv so all the recent questions! I have figured most of them on my own, but I have 1 remaining issue.
On Mobile Theme, using multiple mobile devices to test, all pages are blank besides the page title. You can see this by going to my site (themoneyninja.com) and selecting a page from the menu icon. Nothing works besides the category pages.
Hi—is there a quick way to show the mobile menu on tablet portrait (and hide the desktop menu)? I’m not using the builder, just the standard newspaper theme options.
Hello,
So if I understood correctly, do you want to have this type of menu on your mobile as well as the one on the desktop, or not?
I verify your menu on mobile, and now look like this => https://prnt.sc/10dog9a -> https://prnt.sc/10doh4t
However, if the changes do not take effect, there may be a cache issue.
Please make sure that you clear your cache because you may face a delay due to the cache being on.
Thank you!
Hello!
Yes, we have this option. If you use a cloud/PRO template, then you will have a settings for the header menu zone called Display and you can choose fixed top option from the list and you will have a header static when a user scrolls through the page. Also, for the mobile version you can just click on the mobile viewport and you will have the same settings as well.
Thank you!
I have deactivated this plugin. I am not sure if it will have some negativa effects or not.
I have a link to Twitter in the mobile menu. I am not using the block called “Social Counters” anywhere since it doesn’t include the social media I want to use anyway.
It says in the plugins under the theme in red REQUIRED now. I cannot see any bad effects for the website though.
Is it safe to have it disabled?
Hi, it works fine in that format and in most. It’s only when using the “smallest” version of the mobile sticky menu that causes the issue. Here’s another example using Google Dev Tools so you can recreate it on your end:
Hi, I would like to try to decrease the page rendering time.
It would be ideal to convert newspaper.woff font icons to svg.
Earlier I pointed out that the woff file could be converted to woff2, losing about 50% of the size.
Now I would like to ask if you can evaluate the possibility of converting all the icons in the svg format, or maybe just some icons such as those of the hamburger menu and of the search, usually immediately displayed on mobile devices.
I only use 2 icons for the header, the arrows icons and the icons (in the posts) for sharing on social networks. Loading 100kb of woff fonts seems excessive to me (especially on mobile).
Currently it seems to me there is the possibility to use the svg format only for the logo. I’m using it, and it helps the page rendering speed.
Thank you.
Are there any options to change the website navigation?
I would have presumed it was possible to choose between several mobile navigation options.
It appears that the logo has to be on a dark grey banner between a left-hand side burger menu and a magnifying glass.
• Can I change the colour of the header to white?
• Can I hide the search facility across the entire site (desktop and mobile)
• Can I change how the mobile menu looks when opened?
– Do I need to add a full bleed image?
Im having a few issues and I honestly don’t know when they started. Im messing about with settings to try to sort but it feels like putting my finger in a leaky dam.
I haven’t actually made any major changes, everything was just in a holding with plugins/themes being kept up to date but as we became more active again problems that had appeared were more obvious. Right now my issues are:
– 2nd level menu navs dont seem to work, scrolling across or highlighting subsections
– the search option on a browser just doesnt do anything except load the page again with the /?
– the mobile theme/amp is the biggest issue with some previously ok in page plugins no longer loading depending on what amp/mobile setting combination I use but the ones that make it display mean the smartlists do not load or work. Mostly smartlist 4 is most used but it shows the first item on a mobile site and you hit next and it just reloads the page
Im at a loss to figure out where to start because this was running great not so long ago and just seems to have gotten into a state of, I have no idea what has happened.
Hello,
The changes need to be made on the zone for margin-top on the mobile menu sticky zone => https://www.screencast.com/t/5VwkZInfF
Also, if you unsuccessful you can use this custom CSS which can help you => https://www.screencast.com/t/x1zATgHgu
.td-header-mobile-sticky-wrap {
top: -2px;
}
Set the code in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/rfJpxYOUT3vS
Hope this helps you better!
Thank you!
Hello,
I just tested the code and for menu looks well, without background effect => https://www.screencast.com/t/GqENp5FiiH
Also, if you want to change on mobile you can use this code and change only the width => https://www.screencast.com/t/lznuwJqyJo
#td-mobile-nav, .td-menu-background{
width: 50%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
Also, if you want to change only on desktop/IPAD and you don’t want to change on phones you need to set the code in Theme Panel -> Custom Code -> Advanced CSS => https://www.screencast.com/t/bGCdwFqGks
Hope this is helpful!
Thank you!
Hello,
To change the background color for mobile, you need to go in Theme Panel -> Theme Color -> Mobile Menu => https://www.screencast.com/t/VPqCpz45
Hope this helps you!
Thank you!
Hello,
That element is a menu created in Appearance -> Menus => https://www.screencast.com/t/ygOfOy9o, edit the page with tagDiv Composer, add the element called “Mobile horizontal menu” and the menu created and set where you want => https://www.screencast.com/t/nV2sEJ4AMW
The blog is a page, set in that menu.
Hope this helps you!
Thank you!
Hello,
If I understand correctly, you want to use the hamburger menu, but when it opens it doesn’t take up the whole page, for this you need to use a custom code CSS, to look like this for desktop => https://www.screencast.com/t/eR5DY6EtFY
Set the code in Newspaper -> Theme panel -> Custom code -> Custom css.
#td-mobile-nav, .td-menu-background{
width: 22%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
If this is not what you mean, please let me know!
Thank you!
Hello Anamaria,
I have a sticky menu and I don’t have a sticky row but this problem still exists
Please see screenshots. There is no sticky row: https://ibb.co/8M79vyf
There is no margin for sticky menu: https://ibb.co/z52jK6d
The issue: https://ibb.co/qjS4MQs
You can check my website on mobileview: http://www.origor.com
Hi Calin,
Thank you for that update. That page you’ve linked is more informative than the other Buddypress pages on style support I’d seen. I am quite curious as to your findings.
I’ve tried the following with respect to the td-composer plugin and the child-theme.
child-theme root = /
/menu-mobile.php
/parts/menu-mobile.php
/legacy/Newspaper/parts/menu-mobile.php
/td-composer/legacy/Newspaper/parts/menu-mobile.php
Unfortunately, none of these has worked for me. So it’s likely an unsupported file.
Btw I think it’s great that tagDiv offers this form of child-theme support, very forward-thinking considering how complex your theme is and its use of additional plugins.
/td-composer/legacy/Newspaper/parts/
This is the folder I am finding I need to modify files, like:
logged.php
menu-mobile.php
login.php
Thanks!
Richard
Hi, I would like to use the hamburger menu on desktop too. Is it possible to remove the effect that occurs when I click on the menu icon? Only on desktop, or on both desktop and mobile.
I mean this, namely the homepage that goes down:
https://gofile.io/d/kRcnQ1
It might be nice on mobile, but I don’t like it on desktop.
Thanks
Hi, is it possible to set different background colors for hamburger menus?
Let me explain: I have multiple headers on my site, for the various categories / pages, and since the primary colors are different in these pages, I would like the background of the menu on mobile, and the text on the mobile menu to be different from the color set in : Theme panel – theme colors – mobile menu / mobile search.
I await support.
Thank you.
Hello,
1. This problem can happen if you have a sticky menu and a sticky row, please disable the sticky on the row if you want to have only the menu sticky or the sticky option on the mobile menu and keep the row sticky.
2. Please check if you don’t have set the margin top on the mobile menu sticky zone => https://www.screencast.com/t/5VwkZInfF
3. If you are referring to problem number 2, please try the above instruction.
If not please provide more information.
Thank you!
Hello Calin,
I needed to make adjustments to the css for BuddyPress related page elements. All of them. For example, changing the background colour of the buttons that are hoovered over. A simple example:
#buddypress a.button:hover span,
a.bp-title-button:hover span,
#buddypress ul.button-nav li a:hover span,
#buddypress a.button:focus span,
a.bp-title-button:focus span,
#buddypress ul.button-nav li a:focus span,
#buddypress a.button:active span,
a.bp-title-button:active span,
#buddypress ul.button-nav li a:active span {
background-color: #a11ff2;
}
I have way more edits and changes that are needed. I could target this directly from the child theme css file. But this isn’t the correct way to do this according to BuddyPress documentation.
BuddyPress requests that a separate companion CSS file be offered, style-buddypress.css is the file Newspaper is using. However, it’s not being enqueued via functions.php, so it must be somewhere else in the theme’s additional plugin that it’s being setup. Having an edited version in the child-theme doesn’t work.
If the mechanism behind enqueuing this style-buddypress.css file can be understood, it’s probably easier to de-enqueue and re-enqueue for the child theme file instead.
For me, this isn’t as much of an issue anymore as I need to be patching changes that aren’t compatible with the child-theme model you use. i.e. modifying the mobile menu header files. Your documentation on child-theme supported overrides only works for td-standard, not td-composer.
td-composer/legacy/Newspaper/parts/menu-mobile.php
So I’ll copy over the style-buddypres.css into the parent with my edited version as part of the patching. There’s no rush for a response now on my behalf.
Knowing the correct way of doing this would be helpful for others in the future and maybe added to the child-theme documentation.
Thank you and have a nice day.
Hello,
Thank you for the great Newsmag theme. I have 2 issues with it:
1). When I try to change the mobile menu background, the image change doesnt work. It tells me to change the opacity of the gradient and I tried that, but it doesnt work.
2). When I change the settings on the mobile menu background, all my menu settings get reset to default. So I then need to again set the right menu to header, footer or navigation.
Please help.
My site is muscle.gymscanner.com
Hello,
I am having some problems with the mobile sticky menu.
1-) I have added some paddings for the sticky menu but when I scroll down I see transparent copies of these two elements. Please check the screenshot.
https://ibb.co/Tkyj6vw
2-) There is a space above the sticky menu. I didn’t set any margin or paddings.
https://ibb.co/ByS0NC5
3-) I try to remove that space by adding -2 margin to row but when I do that the border below the menu gets thicker. I don’t know why.
https://ibb.co/C8zF6fT
Could you help please?
Dear suport
Please tell me css code for mobile menu’s ,too.
Regards
