- TutorialsWhat is Ajax preloading?
Hello catalin,
now there is no gap, it turns out there is a margin at the top and I have removed.
The problem is now, I added padding so that the menu part of my website is wider, the code I use:
.td-newsmag-magazine .td-header-menu-wrap{
margin-top: 0;
}
.td-header-main-menu{
padding: 10px;
}
.td-header-sp-rec{
padding-top: 20px;
I managed to make it, but if opened with the mobile device my website logo does not fit in the middle. how to handle it Catalin?
this is a screenshot of the desktop: http://prntscr.com/ieizaz
and this screenshot from mobile: http://prntscr.com/ieiymx
The second question
how to remove shadow on my website homepage. please check my website.
Here’s the screenshot: http://prntscr.com/iej0h6
Please help, and before thank you Catalin.
Hello, I want the tap part of my website menu look rather big, then I add the code in costum CSS:
.td-header-main-menu{
padding: 10px;
}
.td-header-sp-rec{
padding-top: 20px;
but it turns out if opened through the mobile device logonya cut off. How to solve it for logo + mobile-toggle + search button is back in the middle. But if opened through the desktop the menu part is still the same as I want above.
my website: https://www.rudiberbagi.com
this screenshot in the desktop: http://prntscr.com/iebqz8
and this screenshot in mobile device:http://prntscr.com/iebrjt
please help me, thank you.
Hi,
I have used Mega menu for 2 links in the header, which works fine in desktop, but on mobile the mega menu links are just texts without the links. Please check: https://themoviean.com
I mean I want to make certain menu items of header menu to be shown only on mobile device. Please help.
How do I have one mobile category already open when people open the mobile menu? Like under a local news mega menu, so people could already see the categories inside.
I have the Newspaper 8.5 theme running on my site and would like to tweak its visual appearance on web and mobile. I would like to hire a designer who is experienced in Newspaper 8.5 to help with layout specific to my audience. Where would I find a designer with this experience and how much might this cost?
Needs: Mailchimp form in footer on mobile, fix category menu, possibly design static homepage.
Hello Catalin,
I am dealing with the same issue. I have added the mobile logo, cleared cache and yet there is the issue. Also, when opening the “burger” mobile menu, it is still displaying the image of the girl with the camera, which I had removed from the interface. I have sent you an admin permission to my blog. Will also send a follow-up email with the relevant screens.
Thanks,
Andrea
My site has been down for a few months due to malware infection. Just recently switched hosts, had the site cleaned and brought back up. Everything is working perfectly as it was on the mobile version, but on desktop I am experiencing the following issues and cannot find any way to rectify.–
1. Mega menu is not appearing in the header where it was (it appears it is all set correctly but not showing)
(In it’s place is just the plain site identity info)
2. Front page block headings have disappeared and will not return no matter what changes I attempt to make to fonts and styles.
3. Side bar headings for each widget in the sidebar are also not showing.
I have been through the Theme panel and all other areas of settings making changes to see no results no matter what changes I make. (all changes were tested after deleting the cache and then changed back to what they should be).
Could you please advise on what changes/ updates need to be made to bring the sites appearance back to what it was (and what it still appears to be set to in the theme panel). site address http://www.sevenwanderers.com/
Can I make certain menu only appear on mobile?
You should remove the picture insteaed, it only adds to load on website. Think in broader terms, how many people actually click on mobile menu? That was one reason i removed it too, like few hours ago. You can test my website speed here: https://medicforyou.in
It would be possible to center the logo with custom code, I would need to know the header style you are using, or a link to your website would me most helpful.
The menu in that website has an entirely different functionality then the mobile menu in the theme. The theme mobile menu opens in a modal window, not as a drop down like there.
You could do maybe something like this – https://www.screencast.com/t/GwxZrEULR9w
And reduce the modal widow width, but it will require more customization to make it look and work properly. This is the code for reducing the width and making the menu fixed when scrolling
.td-menu-mob-open-menu #td-mobile-nav,
.td-menu-mob-open-menu .td-menu-background {
width:20%;
position:fixed;
}
Use the browser inspector to identify the elements used and make modifications to them
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hi, how do I show the top bar links in mobile menu? https://www.tengokbawah.com/beranda/
Thanks
Goodmorning,
i have some trouble with my website.
I have enabled your tagdiv theme and it feature on top bar wich allows users to sign up.
I allowed users to sign up on my wordpress.
When user try to sign up on desktop, everything seems just fine.
So there is no problem with WP.
But, when they try to sign up on mobile (clicking on the link in the hamburger menu), they don’t get the automatic email with the link containing their password.
I tried myself with several emails account and I can confirm that I didn’t get the mail, not even in the spam folder.
Any help?
Hi,
Unless you use the mobile theme plugin, then the same menu from desktop will be displayed on mobile.
Only when the mobile plugin is active you can set a different menu for mobile devices
– https://forum.tagdiv.com/the-mobile-theme/
Thanks
Hi,
The mobile menu is not supposed to display on desktop, only on mobile. This is a similar topic where the menu is adapted to display on tablets
– https://forum.tagdiv.com/topic/show-mobile-menu-when-screen-width-is/
If you want it in general you could modify it like this
– https://www.screencast.com/t/eaERyCv9X0J7
Make tests and see if it works (modify it if needed), since this is not tested and may cause issues
– https://pastebin.com/rDqDjaBC
Thanks
Hi, I cannot for the life of me find where I can link a menu to the mobile menu. I do not want to use the mobiel plugin as this totally changes the layout of my site.
Please advise.
The background color can be set in the theme panel for the mobile menu
– https://www.screencast.com/t/CC8BN4Wy
Also the icons color can be changed there
– https://www.screencast.com/t/QBGNWp23
So there is no need for custom code to change the mobile menu and icons colors.
Thanks
Is there a way to use the mobile header on all pages regardless of size? There doesn’t appear to be any settings that do this, but wondering if I can modify the code to accomplish this. Can you point me in the right direction to the files I’d need to modify?
This is brilliant – many thanks!
Sorry for one more question – I’ve tried setting the mobile main menu background like this:
@media (max-width: 767px) {
.td-header-main-menu {
background-color: #fff !important;
}
}
but it’s being overriden with a !important in the theme code here:
@media (max-width: 767px)
style.css?ver=4.9.4:1593
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #222 !important;
height: 54px !important;
}
Is it possible to override that override without hacking theme files? I’m using a child theme if that helps.
Thanks!
Hi,
I wanted to make the H1 Titles on mobile phones smaller – so in the custom code I added –
@media only screen and (max-width: 767px) {
h1 { font-size: 22px !important; }
}
So that worked pretty well – but what can I use to make the font responsive also?
It’s a little too big at 15px (which is fine for desktops/iPads etc..)
Also, after I used the above code – now there’s a lot of white space between the H1 title and the menu…how can I remove that space?
Thanks,
Tiarnan
Thanks. I’ll send you the link to a test site:
Basic auth user/pass are both wibble
Ideally I’d like to use the mobile logo (and maybe make the top menu white instead of black) but it’s just a bit on the small side by default, so using the ‘desktop’ logo was the alternative.
Hi – I’m struggling a bit with full-width logo. I’m using header style 11.
I’ve created a logo which is 1068×180. This is lovely on a desktop and matches the page width. On a mobile, I don’t want to specify a mobile logo (as it’s a bit small, squashed in between the menu and search icons) so I’m relying on the same 1068×180 logo on mobile too, which displays full-width below the Main Menu. Problem is with mobile display sizes, whitespace padding appears between the Main Menu (at the top) and the logo. Also padding just below the logo to the faint dividing line. I’m wondering if it’s possible to make the scaling a bit more elegant, perhaps top-justify the logo so there’s no white space between Main Menu and logo, and also perhaps lose that divider just below the logo?
Hi,
This code will increase the height of the mobile header, like this
– https://www.screencast.com/t/2OBzz0URu
It will remain the same size when sticky as well
– https://www.screencast.com/t/nJTTeiaXT
This is the code used
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu, #td-header-menu {
height: 100px !important;
}
#td-top-mobile-toggle,
.header-search-wrap {
top: 23px;
}
.td-main-menu-logo img {
max-height:100px;
}
.td-header-menu-wrap.td-affix {
transform: translate3d(0px, 0px, 0px)!important;
}}
You may modify values if needed, or leave it as it is.
Thanks
i again Catalin, Now the menu works:) I find and install TD-mobile plugin. Thanks for great theme and support.
/Patric
