- This topic has 30 replies, 2 voices, and was last updated 8 years, 10 months ago by
.
-
Posts
-
-
Hi
Just bought this theme for http://davidwattsbarton.com, it’s a brilliant and gorgeous theme, thank you.
1: when I scroll the logo doesn’t resize correctly even though I’ve uploaded a 150×150 and a 300×300
2: firefox displays the non-retina logo, safari displays the retina version, is this a browser issue?Could the logo be set to a percentage so it can resize with the theme even if a logo larger than 150 or 300 is uploaded, that way auto increasing the quality.
Thanks
Gareth -
-
-
Hi
Sorry for those issues.
I checked the LOGO issue again, please try to add the following custom CSS into “Appearance > theme options > custom code > custom css”
.shrinked#top{overflow:initial;} .shrinked #primary_menu ul li.logo a { left: 35px; width: 100px; height: 100px; }For the mobile menu, it works in original theme (http://demo.themevan.com/miao), but in your website, when click the menu button, the side menu can’t be opened, it’s strange. Let’s have a test, add the following js code into “Appearance > theme options > custom code > custom javascript”
jQuery(function($) { $('.menu_button').on('click',function(){ $('.pushy').addClass('pushy-open'); }); });If still can’t fix the issue, you can let me know your WP login details with private reply, I will check the third-party plugins.
About the retina LOGO doesn’t display in Firefox, I fixed it, please download the changed file https://www.dropbox.com/s/cntshxz7x8ffw28/theme-func.php?dl=0 upload it to miao/inc folder, overwrite the old file.
Thanks
-
-
I’ve also noticed that the social media icons do not show up on the mobile version of the website.
On google chrome on iphone the navigation doesn’t scroll correctly.
The space between the logo and body copy is very large, is the best way to use custom CSS to make this smaller?
How can I add more social media options?
– linkedin
– skype
– etc..Thanks
Gareth -
-
1. Yes, in currently the social icons are hidden on the mobile device, if you are not planning to use woocommerce, then you can display the social icons to the right side of the top bar with the following Custom CSS
@media only screen and (max-width: 959px){ #topbar .social_icons { display: block; float: right; } }2. For the scroll issue, I’ve tried to updated the pushy.js, you can download it here https://www.dropbox.com/s/biguhpqgsg6bjca/pushy.js?dl=0 and upload the new file to miao/assets/js folder, overwrite the old file.
3. Could you post a screenshot for the “The space between the logo and body copy is very large” issue? I haven’t found where the space is.
-
Thank you for being so responsive to my questions and sorry for asking so many questions.
1: Is there a way to add more social options?
2: The space I’ve corrected with some custom CSS, it was merely that the space was set to 120px, reduced to 75px and it’s sorted.
#miao_content {
margin-top: 75px;
}
#top {
margin-bottom: 0px;
padding-bottom: 0px;
}3: How can I hide the top menu (sorry), David doesn’t like that it resizes the logo now, he’s happy for it to disappear when the user scrolls as the pages are so short. i think I saw this on a previous post so I’ll go searching and report back if I find it.
You’re awesome!
-
-
Hi
1. You have to edit some php files, like inc/options.php and inc/lib.php you can let me know what social icon you want to add, I will add them in the next version.
3. If my understood is correct, you can use the following custom CSS
.shrinked#top{position:relative;}4. Please search the third-party plugins which provides twitter or instagram widget. For example:
Instagram: https://wordpress.org/plugins/wp-instagram-widget/
Twitter: https://wordpress.org/plugins/recent-tweets-widget/5. It’s a bug, I changed inc/options.php file, please download it here https://www.dropbox.com/s/ygm3vg1ygdgp5o6/options.php?dl=0 and upload it to inc folder, overwrite the old file, then you should go to appearance > theme options > general setting, reset the copyright text.
Thanks
-
Hi John
Thanks for all your help so far. Just about everything is sorted however the top logo and nav still doesn’t disappear when scrolling the page down.
This is the URL. http://www.davidwattsbarton.com/category/writing/ I’m happy to create you a login if that would help but this is just CSS I’m guessing.
Gareth
-
New issue which according to wp forums is caused by the theme, not your theme but ‘THE’ active theme which means that menu items cannot be reordered.
https://wordpress.org/support/topic/menu-items-cant-be-moved
define( ‘CONCATENATE_SCRIPTS’, false );OK so I’ve just tested and if I activate Twenty Twelve the menu ordering works perfectly even with the above line of code inserted into the wp-config.php script.
-
Hi
When I scrolled down the page, the navigation and LOGO wasn’t there, screenshot https://www.dropbox.com/s/r06bpi94wgrmo0m/FCF87E09-1A7C-4138-85EA-DCBB4B13D1AE.png?dl=0 Maybe I don’t understand your mean.
Could you let me know the WP login details that I can check the menu reorder issue?
Thanks
-
Oh I fixed the CSS myself. Was an ordering issue.
The menu I’ve confirmed. When your theme is active the menu won’t work and often messes up.
So, on save. sometimes it will remove the hierachy and set it to flat navigation.
Often when adding new items to be menu, regardless of type it won’t allow them to be added under other objects.
Often you can’t move items out from under another item, it just wants to move the whole navigation sub-block.My guess is your custom code is overriding the WP JS somehow, or maybe its a jquery version issue.
The design for the menu system changes when your theme is activated, this could simply be CSS overrides or JS issues.
Gareth
-
-
-
-
-
-
I don’t use the mega menu’s so this code can be commented out. Apologies for finding so many bugs. I’m a programmer and tend to push things to the limit when I know they can do something so find the edges quickly.
In terms of adding Social Media options to the site and perhaps all of your other sites, these are the top sites around the world.
Twitter
Facebook
LinkedIn
Sing
RenRen
Google+
Disqus
LinkedIn Pulse
Snapchat
Tumblr
Pinterest
Too
MyMFB
YouTube
Instagram
Vine
WhatsApp
vk.com
Meetup
Secret
Medium -
I’ve actually got a much larger list that might be helpful:
Social Media for Networking
Blab
Facebook
Google+
Friendster
hi5
LinkedIn
Meerkat
MyLife
Ning
Periscope
Plato
Twitter
XINGSocial Media for Promotion
Bing
Blogging Platforms:
– Blogger
– Tumblr
– Vox
– Xanga
Discussion Boards and Forums
Google
Email Marketing Platforms
Flickr
Nowcast
iTunes
MySpace
Picasa
Vimeo
Yahoo
YouTubeSocial Media for Sharing
Buffer
Delicious
Digg
Instagram
LocalVox
Path
Pinterest
Quota
Reddit
Scribd
SlideShare
StumbleUpon
Wikipedia
Yelp -
-
-
Please click “Screen options” button at the top right of your screen, then you will see those options slide down, just check the excerpt option.
-
Thanks but I shoiuld have said Excerpt isn’t one of the options, I already know about that which is why I was asking. Again forums suggest theme based issues.
-
OK, I see. There’s no excerpt option for the page by default in WordPress, if you need to use this option, you can add it by the following custom code.
add_action( 'init', 'miao_add_excerpts_to_pages' ); function miao_add_excerpts_to_pages() { add_post_type_support( 'page', 'excerpt' ); }By the way, you can install this plugin https://wordpress.org/plugins/custom-css-js-php/ then add those php code through this plugin. Then, the codes will not lost when you update the theme in the future.
Thanks
-
-
-
-
And… another issue! 😉 On safari on a specific machine the social icons are not appearing. Screengrabs on dropbox.
https://www.dropbox.com/sh/r3wgbt5pog30tyi/AACvD49jGVMSddRfiNu9Nz9ia?dl=0
-
I can’t reproduct your issue, beceause I check it on the Windows Safari and Mac Safari, the social icons displays as normal on both browsers. You said a specific machine, could you let me know the details?
-
I can’t reproduce his issues either. He has the latest OSX and latest safari installs. Very weird!
Safari 9.0.3
OSX 10.11.3 -
-
-
-
- You must be logged in to reply to this topic.