This topic has 14 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Olga Barlow
Hi there i need to know how to do this in mobile site ? Please check private content area.
Hello,
Everything depends on what element you use to create that grid. If you use columns layout and the single image you can use the column responsive options to change the width for different mobile devices http://prntscr.com/od1wbm
If you use Products element and slider then number of products per row for mobile devices could be changed via Slider settings http://prntscr.com/od1x9c
If you use any other element then it would be better if you could provide us with link to the page where you use this element and temporary Dashboard access. We’ll check and give you the most suitable solution.
Regards
Hi there olga,
Thanks alot for your previous help. Please help me again if you can 🙂 Please check my private content area.
thank you 🙂
Hello,
You’re welcome.
It requests additional customization in files and is outside the scope of basic theme support.
But you can try such workaround:
Add this code in Theme Options > Custom CSS > Custom CSS for mobiles:
.navbar-toggle:not(.home) {
display: none;
}
.back-history:not(.home) {
top: -65px !important;
left: 15px;
}
.header-xstore .header-logo {
text-align: center;
}
+ disable fixed header (Theme Options > Header > Fixed Header > Fixed header type > Disable) and change “Return to previous page” text (using Loco translate plugin) to “Return”.
Regards
Hey Rose,
First of all thanks a lot for such a quick reply. I would reply write that in my review on themeforest. Please check my private message.
Hello,
Please change the previous code http://prntscr.com/ohxpbw to:
.et-header-boxed:not(.home) .navbar-toggle {
display: none;
}
.et-header-boxed:not(.home) .back-history {
top: -65px !important;
left: 15px
}
.header-xstore .header-logo {
text-align: center
}
Regards
Thank you so much 🙂
Please check my query in private message.
Hello,
You can find etheme_back_to_page function in xstore/framework/template-elements.php. Don’t copy the whole file, just function that you want to change.
Regards
Thank you from all my heart. I just gave 5 star to your theme on themeforest as you guys deserved it 🙂 Needed one more help please as i tried and failed. Please check my private message.
Hello,
Thank you for your rating. Much appreciated!
There is no need to edit function to implement this.
1) Go to Theme Options > Speed Optimization > enable FA support http://prntscr.com/oitmvp
2) Add the following code to child theme style.css
a.back-history:before {
content: '\f060';
font-family: 'FontAwesome';
font-size: .7em;
left: -5px;
}
Regards
Hi olga,
Thank you so much but it didn’t worked. Please check my private message.
Hello,
Unfortunately, I can’t tell you what you did wrong just by screenshots. We need WP Dashboard and FTP access to check styles and files.
Regards
Please check my private message for details.
Hello,
You replaced our correct code of the FA icon by the old code of the xstore-icon http://prntscr.com/ojal91
It caused the issue. Please, be attentive.
Also, tell me if you want to remove the “Return” and keep the icon only or you need both: icon+ return?
Regards
You must be logged in to reply to this topic.Log in/Sign up