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 5 years, 12 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
Tagged: changes, mobile, themes, woocommerce, wordpress
1 2 3 4 5

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