Return to previous page

Chages to mobile version of my site - by bllec1998@gmail.com

This topic has 84 replies, 3 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

bllec1998@gmail.com

Participant

February 5, 2018 at 02:55

1º) Have masonry style for product pages without spacing between the thumbnails.
2º) Move breadcrumbs below product image
3º) Display Categories thumbnails, 2 on each column for mobile devices

#183880 Copied

83 Answers

Rose Tyler

Support staff

February 5, 2018 at 11:38

Hello,

Thanks for the topic.
1-3. Please provide screenshots for better understanding desired result.
You may use such screenshot maker as Lightshot and provide screenshots links in Private Content.

Regards

#183945 Copied

bllec1998@gmail.com

Participant

February 5, 2018 at 14:46

Here you go!

Please, contact administrator
for this information.

#183974 Copied
Rose Tyler

Support staff

February 5, 2018 at 15:01
1. Add this code in Theme Options > Styling > Custom css > Custom css for mobile:
```
.carousel-area .product-slide {
    padding-left: 0;
    padding-right: 0;
}
.products-grid .product {
    padding-left: 5px;
    padding-right: 5px;
}
```
2. Add this code in Custom css for the page http://prntscr.com/iaernn
```
@media screen and (max-width: 480px){
   .mpc-wc-grid-categories[data-grid-cols] .mpc-wc-category {
       width: 50%;
   }
}
```
Regards
#183976 Copied
bllec1998@gmail.com

Participant

February 5, 2018 at 16:56
And for this code how do I remove padding between its items?
```
@media screen and (max-width: 480px){
   .mpc-wc-grid-categories[data-grid-cols] .mpc-wc-category {
       width: 50%;
   }
}
```
And how do I fix this? The title gets trimmed

https://ibb.co/dtyPac
#184010 Copied
bllec1998@gmail.com

Participant

February 5, 2018 at 22:53

https://ibb.co/ctM9rH

Now the titles are notdisplaying correctly

#184031 Copied

Olga Barlow

Support staff

February 6, 2018 at 10:07

Hello,

Could you, please, provide me temporary admin panel access to take a look at your site and help you? Because you have activated maintenance mode and we can’t check the problem without access.

Regards

#184068 Copied

bllec1998@gmail.com

Participant

February 6, 2018 at 11:34

There you go

Please, contact administrator
for this information.

#184090 Copied

Rose Tyler

Support staff

February 6, 2018 at 15:29

I’ve changed code http://prntscr.com/iax284 please check http://prntscr.com/iax2d0

Regards

#184112 Copied

bllec1998@gmail.com

Participant

February 6, 2018 at 15:47

Thank you very much, sorry to ask you so much stuff but I am also having trouble with desktop header the initial header doesnt work properly, texts dont get underlined.

And is it possible to change just mobile header color to black and leave desktop white

Also my desktop header type is blocked I cant change it back to the standard header layout

And also, the cotegories grid how can I remove the padding on the sides for mobile devices?

#184117 Copied

Rose Tyler

Support staff

February 7, 2018 at 09:05

Hello,

Please provide screenshots for all 4 questions to help me understand more.
Thanks in advance.

Regards

#184176 Copied

bllec1998@gmail.com

Participant

February 23, 2018 at 11:55

I dont know how to shiw that error on a screenshot.

I want to reduce fixed header height on desktop. (Sticky Header)

I want to have a white header background on desktop version and a black one in mobile devices

The menu items hovering functionality doesnt work properly on desktop version, whenever I hover an item it doesnt underline and I cannot click on it either it gets buggy.

How can I reduce the padding on the sides for the related products that appear at the bottom of each products page.

And last, is there any way to improve loading speeds of the theme?

#186106 Copied

Olga Barlow

Support staff

February 23, 2018 at 15:24

Hello,

Admin panel access does not work anymore and we can’t check your site to help you. Please, provide us with correct Dashboard access to proceed.

Regards

#186145 Copied

bllec1998@gmail.com

Participant

February 23, 2018 at 16:48

There you go!

Please, contact administrator
for this information.

#186159 Copied

Olga Barlow

Support staff

February 23, 2018 at 18:40

Hello,

1) Fixed header height is changed. Custom styles you can find in child theme style.css
2) You can do this via Theme Options http://prntscr.com/iite39
3) Fixed
4) Done. Custom styles you can find in child theme style.css
5) Use cache plugin, optimize images (https://tinypng.com/), disable all the plugins that you don’t use because every additional plugin slows down a site little bit.

Regards

#186184 Copied

bllec1998@gmail.com

Participant

February 23, 2018 at 18:58

okay, the change you made for the carroussel didnt work, and now this css for mobile devices is not working anymore?

@media screen and (max-width: 480px){
.mpc-wc-grid-categories[data-grid-cols] .mpc-wc-category {
width: 50%;
}
}

#186187 Copied

bllec1998@gmail.com

Participant

February 23, 2018 at 19:02

And what I wanted was to reduce the fixed header padding and height, not the main header, I want them both as small as possible. Coudl you tell me how to do so please and change the main header to how it was?

#186188 Copied

Olga Barlow

Support staff

February 26, 2018 at 11:59

Hello,

1) I don’t see problem with your custom http://prntscr.com/ijv6sr
2) I did not make changes to the main header but you can manage main header padding here http://prntscr.com/ijv7qx
I used child theme style.css to apply changes for the fixed header only http://prntscr.com/ijv902 If you want to make it smaller reduce the paddings in custom CSS to 0 and also change the height.

3) Sorry, I missed the “side paddings” and thought that you want to reduce the bottom padding.
Check now.

Regards

#186310 Copied

bllec1998@gmail.com

Participant

February 26, 2018 at 14:03

I managed to fix 1) since you are free on weekends.
2) Even though I set padding to 10px it doesnt apply anymore, I don’t know why

#186345 Copied

Rose Tyler

Support staff

February 26, 2018 at 14:52

Hello,

Please, open xstore/framework/theme-functions.php file and edit 166 line https://prnt.sc/ijy172 > http://prntscr.com/ijy1sr then the padding from Theme Options should work fine.

Regards

#186359 Copied

bllec1998@gmail.com

Participant

February 26, 2018 at 20:01

Okei I changed as your instructed but it still doesnt work

#186408 Copied

Rose Tyler

Support staff

February 27, 2018 at 08:37

Hello,

Please clear cache and check one more time http://prntscr.com/ika96z > http://prntscr.com/ika9vz

Regards

#186424 Copied

bllec1998@gmail.com

Participant

February 27, 2018 at 12:11

Now that the header padding problem is fixed, I am having the same problem with the header hovering functionality again.

This one:
The menu items hovering functionality doesnt work properly on desktop version, whenever I hover an item it doesnt underline and I cannot click on it either it gets buggy.

#186463 Copied
Rose Tyler

Support staff

February 27, 2018 at 13:46
Hello,

Please add this code in Custom css:
```
.nav-sublist-dropdown:before {
    top:-20px;
}
```
Regards
#186476 Copied
bllec1998@gmail.com

Participant

February 27, 2018 at 16:31

Thanks it worked, btw the ajax load for products that comes in with the theme is not working for me. Any fix?

#186513 Copied

bllec1998@gmail.com

Participant

February 27, 2018 at 16:39

And how do I leave star rating active, but remove it from the product page thumbnails?

#186518 Copied

Rose Tyler

Support staff

February 27, 2018 at 16:44

Hello,

Please describe your questions in more details and provide screenshots for better understanding.

Regards

#186519 Copied

bllec1998@gmail.com

Participant

February 27, 2018 at 17:04

https://pasteboard.co/H9B9heK.png —> This plugin that comes with the theme doesnt work, in the product page, it shows the loading icon but never loads more products —-> https://pasteboard.co/H9Be3FC.png

And also how do I remove these stars from the product page, but without completely disabling star rating? —> https://pasteboard.co/H9BeLSq.png

#186531 Copied
Olga Barlow

Support staff

February 27, 2018 at 18:40
Hello,

1) Make sure that you set correct settings for that plugin according to theme documentation https://www.8theme.com/documentation/xstore/plugins/woocommerce-infinite-scroll-and-ajax-pagination-settings/

2) Add the following custom code in Theme Options > Styling > Custom CSS
```
.content-product .star-rating {
    display: none;
}
```
Regards
#186544 Copied
bllec1998@gmail.com

Participant

February 27, 2018 at 19:16

I followed all the steps in the guide for infinite scroll but it stays stays in the loading section forever. Do you know why it could be?
https://pasteboard.co/H9C5QRo.png

#186550 Copied
Tagged: changes, mobile, themes, woocommerce, wordpress
1 2 3

Viewing 30 results - 1 through 30 (of 84 total)