Vantage is a flexible multipurpose theme. Its strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, Smart Slider 3 for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store.
Add settings to control the colors of the mobile menu, similar to what we have in North. Currently, the arrows for sub-menus are images so we'll need to move those after to FontAwesome or similar. I'm not sure the Navigation section is the best place for these settings. We could perhaps create a new section called Mobile Menu and take any mobile menu settings currently in Navigation and put them in this new section with the new color settings.
@adiraomj Sorry for missing this. Please, can we make the Tel field a bit smarter, just like the email field? Can we make it accept a URL if one is entered and only prepend tel if a phone number is detected?
The function uses jetpack_the_site_logo which should be replaced with the_custom_logo. The custom logo feature has been moved from Jetpack to the core since WP 4.5.
We should also change the theme support to add_theme_support( 'custom-logo' );. This will allow us to use the feature even if jetpack is not installed.
Theme Design > Footer > Headings only changes the widget title heading colour, it doesn't change h1-h6 heading colour within widgets in the footer. Perhaps we should change this setting label to: Widget Titles. @gregpriday.
Testing in iOS Chrome and Safari, the sticky menu in Vantage disappears on swipe and then reappears when stopped. User feedback suggests that users would prefer to see the same sticky menu behaviour that we have on desktop with the sticky menu being present always when activated.
The default and WooCommerce widgets seem to have little to no styling. How about adding a little CSS? Nothing fancy, would mostly be adding padding/margin where necessary.
For the masthead and footer margin options. By default Vantage does not have any CSS associated with these. How big do you reckon they should be? I was thinking about 30px each.
@adiraomj I'd imagine the products widget is the most important. If possible, can you take a look at them all and see what needs to be done to get them in decent order?
Very minor thing but it'll appease certain people. ๐ The font size of certain elements, typically the post meta, and comment related sections have very small "tap areas" (12px font-size). From what I can tell, typically if you increase it to 13px or 14px on mobile Google considers it large enough. Making this will increase set our defualt mobile experince to 100%.
Reference Links: Blog Post (demo site - it's under User Experience)
You should be able to set an email widget. It might be nice if this icon was "smart" in that it would check if it was an email and set it as a mailto if it was.
You should be able to adjust the scroll to top colouring to better suit your websites colouring.
Oddly, there doesn't seem to be a default hover so it would be a good idea to introduce that also for UX reasons.
This line seems to cause issues with the default WordPress gallery shortcode when third party plugins make adjustments to it. The user in the referenced theme suggested returning $contents to resolve this issue.
The blog page isn't displaying post titles. Post titles are however displaying in category archive pages. The blog page issue applies both "Front page displays: Your latest posts" and to a defined posts page.
The custom background feature is enabled when the layout bound setting is set to boxed. It appears as though, at the moment, you need to save the Customizer before this setting will appear. Can we get it to appear without save?
If you add a video to the shop page in WooCommerce, it won't be affected by FitVid. This is due to the WooCommerce shop page making use of a "custom" archive template. Specifically, it doesn't follow the exact structure outlined here.
If you add .woocommerce #main to the selector, it'll work as desired. Please note that you can't use our typical .site-content class as this wrapper is generated by WooCommerce.
Add a setting for the footer background image layout. We have layout settings for all other background image settings so it make sense to add it for this setting.
The widget styles in the circle icon widget only kind of works. The font color doesn't work at all, and the link setting only works for the more text link but not the header.
IE11 won't allow users to fullscreen embed YouTube videos. Able to reproduce locally with the following embed: <iframe class="video_view9_img" width="720" height="430" src="//www.youtube.com/embed/G6cLbHNaDW0" style="border: 0;" allowfullscreen=""></iframe>
A quick Google produced no solutions. I hope someone besides me runs Windows. ๐
The Polylang language switcher widget is most commonly used in the header widget area, we just need to remove the list style and make sure it looks normal. Let's also check it in the sidebar, footer and Page Builder.
@gregpriday Should we add this as an extra stylesheet dependent on Polylang being active? Should all plugin CSS be in conditional stylesheets? Or only when it's over x amount of lines?
This is a UX fix. Users typically presume an empty URL menu item field should act as a # does. The normal menu allows for this but the responsive menu does not. Instead it will close the responsive menu.
It seems silly you can't replicate the look of the homepage elsewhere without the meta slider plugin. Either allow this for the homepage template (seeing as it's the closest), or create another one with the functionality.
When the user builds a post loop query with the SiteOrigin Post Builder post loop widget (with bundle installed) with the post type set to media, and post_status=any set certain templates won't display the media correctly.
Carousel Slider
Grid
Slider shows absolutely nothing - not even the image name.
Right now you can only set the background color of the widget. Certain themes may have darker default colors for h4, Vantage for instance, so if you set a dark blue the text will be unreadable.
It's really common for users to enter a value that's too low like say 10 and then not understand why the responsive menu doesn't work. This ideally needs to be a measurement setting with a minimum of 480. Ideally, users shouldn't be able to break the responsive menu by setting a value below 480.