Search Results for 'mobile menu'

Hi

Replace all css with this one, now the border should be displayed fine:

@media(max-width: 768px){
.td-menu-mob-open-menu .td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
.td-header-style-9 {
border-bottom: 3px solid #D60D0D;}
}
}

Thanks!

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/dkN1ivSk

@media(max-width: 768px){.td-mobile-nav-wrap{
width: 100%
}
.td-menu-mob-open-menu .td-content-wrap {
left: 100%;
}
}

Thanks!

Just to share some experiences improving site speed for the many who post here to discuss…

What I’ve also done (My site is an independent ‘hyperlocal’ news site – slightly bigger than hyperlocal really) which I think is good practice given FB Instant Articles and AMP (Already on Apple News for almost a year now) is almost ‘forget the desktop’ exists.

Due to 75%+ mobile visitors it seems good practice (if a ‘live’ news site with say 100+ articles per week) to get the site as fast and safe as possible – this may help others

– I’ve removed all home page blocks except ‘ticker’ – a lightweight grid with no slider- and a sidebar
– Removed all plugins or deactivated ones no required all the time
– Implemented Chris S .htaccess and functions.php tips exactly as described – inc image resizing
– Paid Cloudflare with page rules to remove wp-admin etc- following TagDiv recommendation settings except RocketLoader ON – Mirage in ON
– Removed my subscriber pop-up and won’t use one – promote subscriptions via another route – FB ads – Twitter ads perhaps
– Removed SumoMe and anything that fetches CSS externally
– I do run UberMenu on main site and ShiftNav on mobile (for a better user experience) – But run NO mega menu or dropdowns
– Currently RocketLoader (Cloudflare) runs and doesn’t break anything
– Only added Google Analytics via YoastSEO not on Theme Panel box – it’s there and working
– ADDED a user text box to point people to how to navigate the site – believe it or not saying ‘Press load more or click coloured category labels or main menu’ actually gets visitors to do that!

Results –

Before – GTMetrix – PageSpeed B YSlow C Page size (Homepage) 3.2MB Requests – 187 – Load time – about 7-10 secs
Pingdom 5-7 seconds

After – Page Speed A (96%) YSlow B (82%) Page size (Homepage) 1.2MB Requests 96 – Load time – 2 secs
Pingdom 700ms-1.3 secs

The theme still looks great on desktop but it’s not worth getting caught up in the aesthetics if the visitors aren’t looking at the pretty views – it looks brilliant on mobile and that’s what matters.

westbridgfordwire.com

Hello Andrei,

Thanks for the above.

Yes, the email that was last sent was the one I am referring to. Please let me know if there has been a reply as there is usually a lag with my emails.

Looking forward to the next update.
In the meantime, could you point me to where I can find the CSS for the Mobile Menu? I would like to make changes to the style.

Thanks.

Hi

That was the original implementation for mobile menu, whenever the user click on menu icon the page scroll up to top. We will change this in next theme update but at the moment I can’t provide a solution as this task require many changes in theme’s js.

We always answer at all messages from the oldest to newest. On our email address we have only this message from your mail address: http://screencast.com/t/VxiQlew5YXk – http://screencast.com/t/fwwSaaxuiup Please make sure that the message was successfully sent, also try to send the message again and we will get back to you in shortest time.

Thanks!

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}

Hi Catalin,

I have applied this code and my top menu appears on mobile. When the device is vertical – on the home page and posts, the menu is aligned left. On regular pages, it is aligned center which is preferable. On categories, it shows only the social.

Any way to apply CSS that would make the home page and posts have the centered menu? And also for categories to show the menu items instead of social?

site – comics2film.com
Inner page example – http://www.comics2film.com/comic-con-dates-schedule-locations-news/
Post example – http://www.comics2film.com/marvel/daredevil/daredevil-season-2-episode-7-semper-fidelis-review/
Thanks

Hi

The theme does not have an option to make the menu always sticky only for mobile devices. You can use this option from theme panel > header > main menu: http://screencast.com/t/KJ1Yf3P3 but it will make the menu always sticky on all devices.

Thanks!

Hi Bogdan,

Thanks for your reply.

The issue is with mobile menu layout only. Screenshot below:-

https://drive.google.com/folderview?id=0B4N3KYPJGheCVUZkZHh1NVVvbVk

Please look into it

Hello Bogdan,

Thanks for your revert !

Can you just tell me the files in which I have to make the changes. I am ok hardcoding the codes. I am using Google DFP to get my codes placed. I was searching across the forum and found this link :

https://forum.tagdiv.com/topic/several-config-questions/

The person here also wanted a similar kind of a functionality. I want the Ad to come from the top of the site. In his site it is coming below the menu. As mentioned in this link I tried placing the codes in header.php but it din’t worked. Please let me know how can this be achieved.

Also in the advanced CSS section there is just the Desktop, Tablet, and Mobile devices option. Suppose if I want to restrict my ads to display only on devices having width more than 1024px then how can that be achieved.

Hi Andrei

Thank you for your support.

I have retried with only VC activated after cache clearance – Menu and Search still not working on mobile.

I have sent you an email with requested details.

Thanks,

Richard