Forum Replies Created
-
AuthorPosts
-
AndyKeymaster
Please try adding this to Customize > Additional CSS:
@media screen and (max-width: 768px){ .featured-post, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 48% !important; float: left !important; margin-right: 1% !important; margin-left: 1% !important; } }
AndyKeymasterBoth the featured items and shop categories are displayed in one column on mobile, as they would appear as very narrow columns otherwise.
The number of columns settings in the customizer will be applied to larger screens such as laptop or desktop.
Please let me know the number of columns you want on mobile view, and I’ll be able to create the custom CSS for this to work.
Edit: sorry I missed where you already mentioned 2 columns.- This reply was modified 5 years, 2 months ago by Andy.
AndyKeymasterYou could change the
trusted_tel_login_cart()
function in a child theme to output a search form instead.e.g. add this PHP function to the functions.php file of a child theme:
function trusted_tel_login_cart() { echo '<div id="top-info">'; get_search_form(); echo '</div>'; }
October 20, 2019 at 9:15 am in reply to: Change presentation of Featured items and Shop Categories in mobile #8174AndyKeymasterThe code will work with Trusted.
Not with Trusted Pro as the paid-for version contains extra code that the free version does not have, but you haven’t purchased Trusted Pro.
AndyKeymasterI’m going to close this topic as it appears to be identical to the same question you already asked previously. See here: https://uxlthemes.com/forums/topic/content-before-featured-items/
October 16, 2019 at 12:39 pm in reply to: Change presentation of Featured items and Shop Categories in mobile #8153AndyKeymasterPlease add the following to Appearance > Customize > Additional CSS:
@media screen and (max-width: 768px){ .featured-post{ width: 48%; float: left; margin-right: 1%; margin-left: 1%; } }
The standard is 1 column on mobile so this will change it to 2 columns on mobile view.
AndyKeymasterAndyKeymasterHello, you already asked this question here: https://uxlthemes.com/forums/topic/header-image-in-mobile-view/
AndyKeymasterYes, all of the theme’s background color settings have a horizontal slider below the main color picker. This can be adjusted from 0 to 100.
Move the slider all the way to the left (0) and it will be transparent, or you can choose any level of partly transparent by sliding the control towards the right.
AndyKeymasterPlease share the URL of your site where this issue is happening and I’ll take a quick look. Hopefully I will be able to point you in the right direction.
AndyKeymasterOne thing to be aware of is that the theme does not control the output of the pagination.
This is taken care of by the core WordPress functions (or third-party plugin if the plugin is overriding pagination or a custom posts query), and the theme is only responsible for the styling of the pagination.AndyKeymasterAdd this code to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:
@media screen and (min-width: 769px) { .footer { width: 30%; } }
Please note the width is 30% not 33% as might be expected. This is to allow for spacing between the columns.
AndyKeymasterOn large screens the sidebar is 28% width. On narrower screen such as mobile the sidebar moves to 100% width and below the main content area.
I have looked at your two sites and they are both displaying correctly. The cut-off point where the sidebar changes is on screens/browser windows with a width of 768px or below, above this the sidebar is 28% width.
768px is regarded as a good value to use for instances like this.
It could be that you have a mobile with a screen width larger than 768px? This would explain why you see the larger screen layout.Are you viewing both sites on the same mobile device with the same browser?
AndyKeymasterYou can create a menu for the footer and the social media URLs will be automatically displayed as an icon.
For the Trusted theme it works in the same way as the Exoplanet theme, please see documentation here: https://uxlthemes.com/docs/exoplanet-theme/social-links-menu/
AndyKeymasterThe theme folder/directory should be ‘trusted-pro‘ NOT ‘trusted-pro-b‘.
It looks like maybe you have renamed the theme’s folder or copied it to another folder (as a backup??) and forgot to copy the ‘trusted-fonts.php’ file.
If you have two instances of the theme installed – ‘trusted-pro’ and ‘trusted-pro-b’ – but they have the same theme name ‘Trusted Pro’ make sure that you are clicking the correct one when trying to activate it.
-
AuthorPosts