Home › Forums › Pro Themes › Easy Commerce Pro › responsive issue
Tagged: navigation, responsive design, shop page
- This topic has 11 replies, 2 voices, and was last updated 5 years, 7 months ago by wensolutions.
-
AuthorPosts
-
May 9, 2019 at 7:59 am #97298Ajit MartisParticipant
HI there!
how can we decrease the height | there’s Site Identity and Primary Menu Section where the #masthead has CSS: padding: 40px 0, I want to get rid of it, tried using editor–>style.css but can’t see any change in the front-end.
2. on the mobile port the top navigation is not looking good, I might need to hide the search filter on the mobile version.
3. Mobile version – How to put a different slider image like, I want a standing image instead of the landscape image which is on desktop view.
4. how to change the default shop page filter from newness to any other like popularity/average rating/high to low or low to high.May 9, 2019 at 11:24 pm #97344wensolutionsKeymasterHello @qiddo,
First of all thank you very much for using the theme.
Regarding your query, can you please provide your site URL so that we can provide the precise fix on this?
Thank you.
May 10, 2019 at 6:04 am #97370Ajit MartisParticipantMay 10, 2019 at 7:55 am #97383wensolutionsKeymasterHello,
Please find the answer to your queries below :
Query 1 :
Response – Please add the below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS#masthead { padding: 10px 0; }
Query 2 :
Response – Please add the given CSS to hide the search filter on the mobile version@media only screen and (max-width: 767px){ #right-head .header-search-wrapper { display: none; }}
Query 3 :
Response – The slider in the desktop view is left aliged and some content are in the right side. In case of mobile view, the slider comes to the center. Even in the desktop view, the image is not static and there is slider in it.Theme doesnot give you the option to disable the slider feature in the mobile view. If you still want this feature in your site, you can refer to Hire our Customizer service.
Query 4 :
Response – We are not quite clear about this query. Can you please provide us the screenshot of the section you are referring to ?Hope this helps,
Feel free to reach us for any further query/confusion,
Regards!
May 11, 2019 at 3:20 am #97431Ajit MartisParticipantHere is the link screenshot for the Query 4 for your better understanding – https://ibb.co/Gs67zXP
Also, how do I put a custom icon in this section & how to change the below excerpt in this – https://ibb.co/b3gjJ3R
One more thing, in the mobile version my top navigation doesn’t look that good, How do I make the following changes-
A. Get rid of the space below the logo – https://ibb.co/FwKp8CB
B. Remove the filter & search thing – https://ibb.co/FwKp8CB
C. cart logo beside the logo. – https://ibb.co/FwKp8CB
D. inline social icons & login/register – https://ibb.co/FwKp8CB
E. finally change the background colour of the menu after clicking on the hamburger which is black greyish right now.May 11, 2019 at 6:54 am #97442Ajit MartisParticipantThere’s one more glitch in the theme, on the mobile version I can’t see the featured image. I’ve put 4 images on the desktop it’s showing all four but there are only 2 on the mobile view others are showing blank. https://ibb.co/zS63GtB
May 13, 2019 at 12:50 am #97514wensolutionsKeymasterHello,
Please find answers to your query below:
Here is the link screenshot for the Query 4 for your better understanding – https://ibb.co/Gs67zXP
Response: To change the default filter will require higher code customization. So as much as we would love to help you with this, we are unable to do so. If you want then you can hire our professional developer.
Also, how do I put a custom icon in this section & how to change the below excerpt in this – https://ibb.co/b3gjJ3R
Response: To change the icon just go to the widget > EC: Services and then enter your desired font awesome icon in Icon: field.
Screenshot: http://prntscr.com/nnrko3As for the excerpt, the content comes from the page content section. So what whatever you enter in the page content area will be displayed here.
A. Get rid of the space below the logo – https://ibb.co/FwKp8CB
Response: CSS to add:
@media only screen and (max-width: 900px){ #right-head { margin-top: 0px; } }
B. Remove the filter & search thing – https://ibb.co/FwKp8CB
Response: CSS to add:
@media only screen and (max-width: 767px){ #right-head .header-search-wrapper { display: none; } }
C. cart logo beside the logo. – https://ibb.co/FwKp8CB
Response: CSS to add.
@media only screen and (max-width: 767px){ #cart-section a { margin: -75px 0; } }
D. inline social icons & login/register – https://ibb.co/FwKp8CB
Response: It requires higher custom code.
E. finally change the background colour of the menu after clicking on the hamburger which is black greyish right now.
Response: CSS to add:
.sidr { background: #4CAF50; }
Change the color code as per your requirement.
There’s one more glitch in the theme, on the mobile version I can’t see the featured image. I’ve put 4 images on the desktop it’s showing all four but there are only 2 on the mobile view others are showing blank. https://ibb.co/zS63GtB
Response: The issue you may have raised due to the caching plugin that you have activated.
So please deactivate the plugin and verify the issue.
Hope this helps.
Thank you.
May 13, 2019 at 9:19 am #97546Ajit MartisParticipanthow do I put a custom icon in this section (by this I meant, I want to use my own icon and not a font-awesome icon, I’ve made personally some icons for these how can I import and integrate here? ) https://ibb.co/b3gjJ3R
May 14, 2019 at 12:03 am #97606wensolutionsKeymasterHello,
Adding your own custom icon will require additional code customization.
So if you want then you need to hire a professional for this.
To hire a professional developer, please refer to below given link:
https://themepalace.com/hire-a-customizer
Hope this helps.
Thank you.
May 14, 2019 at 6:41 am #97622Ajit MartisParticipanthello!
I added the above CSS you provided on my style.css file but can’t see any changes on front-end.Also, I’ve purchased this pro version because I needed some advanced functionality on my website & have full control over the theme & not for you telling me to get extra support from another person. However, I’m not asking you to make any changes. I’m merely asking you to let me know what files I’ve to make changes in s, I’m asking your help because you would be the best person since you guys made the website theme.
May 17, 2019 at 9:18 am #97948Ajit MartisParticipantReminder
May 20, 2019 at 1:13 am #98099wensolutionsKeymasterHello,
First of all, we would like to apologize you for the trouble.
When we re-verified the CSS in our side, the changes are well visible. Can you please specify which particular CSS is not working in your side, since, we are not able to figure out among the one’s that are provided to you.
Also, If you have pasted the code in the style.css file and not in the field that we have suggested to you, i.e in Additional CSS field, we kindly request you make sure that the code are placed inside the function which is later enqueued. The changes might not be visible because the changes are not included properly.
Once please verify the issue by pasting the code by going to, Admin Panel > Appearance > Customize > Additional CSS
Regarding your query to replace the customized icons, we are not sure if the icons are of type image or are the fonts. Also, we are not clear if you are willing to replace the existing icons or add new icons in the “Icons” text field as shown in the screenshot.
If the case is to add the icons in the highlighted field with the icons being in image file format i.e png/svg, you can add them with the image tag specifying the URL.
Also, for the pro users we give our best to assist with the existing functionality of the theme and ensure they do not face any trouble executing the existing functionality provided by the theme. Additionally, we provide the minor layout fixes for our users. Customization in the core file is not under the scope of the support forum since with a little information, providing a solution in worst case can cause fatal issues which won’t be in our control.
Hope this clears your confusion.
For further confusion, feel free to reach back to us.
Regards!
-
AuthorPosts
- You must be logged in to reply to this topic.