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, 11 months ago ago by Rose Tyler

Olga Barlow

Support staff

April 11, 2018 at 17:56

Hello,

Loader is fixed. Explain in more details and provide screenshot of the mobile header isssue. I did not find problems with paddings http://prntscr.com/j3wnkv

Regards

#190871 Copied

bllec1998@gmail.com

Participant

April 11, 2018 at 18:35

It looks like these, I want small paddings but not that small.

https://pasteboard.co/Hg9m6dL.jpg

https://pasteboard.co/Hg9muu1.jpg

#190875 Copied

Rose Tyler

Support staff

April 12, 2018 at 10:28

Hello,

Try to change this custom css code https://prnt.sc/j479to to https://prnt.sc/j47a7a
Please kindly open up new topics for additional questions http://prntscr.com/j47atj

Regards

#190918 Copied

bllec1998@gmail.com

Participant

April 12, 2018 at 20:53

I have tried adding thecode provided but it ain’t working, could you give me the the css code I should type in the custom css section, I can’t find that element in the inspect element function.

Thanks

Btw, which translation plugin do you recommend?

#190973 Copied
Rose Tyler

Support staff

April 13, 2018 at 09:51
Please add this code in Theme Options > Styling > Custom CSS for mobile (0 – 480px):
```
.header-wrapper header .container-wrapper {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
```
Also, here http://prntscr.com/j4o45h you need to add }

Please read our documentation – https://xstore.helpscoutdocs.com/article/30-base-theme-translation
If you plan to create multilanguage site you may use WPML plugin https://wpml.org/documentation/related-projects/woocommerce-multilingual/, but if you want to simply translate site to one language I would recommend you use Loco translate plugin.

Regards
#191013 Copied
bllec1998@gmail.com

Participant

April 16, 2018 at 08:28

Hey, I just added grid layout on the single product page related products, but on the mobile version they are displaying in 1 column, how can I make it display 2 columns per row on mobile?

#191163 Copied
Rose Tyler

Support staff

April 16, 2018 at 09:30
Hello,

Please add this code in Theme Options > Styling > Custom css > Custom css for mobile:
```
.single-product .products-grid.row-count-2 .product,  
.single-product .products-grid.row-count-3 .product,  
.single-product .products-grid.row-count-4 .product,  
.single-product .products-grid.row-count-5 .product,  
.single-product .products-grid.row-count-6 .product {
  width: 50%;
}
```
Regards
#191170 Copied
bllec1998@gmail.com

Participant

April 16, 2018 at 10:11

Tried that code but it still doesnt work
https://pasteboard.co/HgRav9X.png

Product gallery thumbnail not displaying on desktop
https://pasteboard.co/HgRdq3I9.png

Any fix?

#191178 Copied

Rose Tyler

Support staff

April 16, 2018 at 10:35

1. Please clear cache and check one more time http://prntscr.com/j5v4wd
2. Have you tried to disable all 3-rd-party plugins?

Regards

#191184 Copied

bllec1998@gmail.com

Participant

April 16, 2018 at 10:43

Yes now the change has applied, but it is displaying 2 in desktop mode aswell instead of 4

I believe that some of the CSS I use in ghe mobile CSS section is being applied to the desktop, I diabled product gallery thumbnails on mobile and yesterday it got disabled in the desktop version aswell

#191185 Copied

Rose Tyler

Support staff

April 16, 2018 at 12:47

You need to delete this – http://prntscr.com/j5wxln

Regards

#191194 Copied

bllec1998@gmail.com

Participant

April 16, 2018 at 14:23

I don´t know why site isnt´t updating, but once that is deleted the errors mentiones above will be fixed?

——

Tried that code but it still doesnt work
https://pasteboard.co/HgRav9X.png

Product gallery thumbnail not displaying on desktop
https://pasteboard.co/HgRdq3I9.png

#191221 Copied

Rose Tyler

Support staff

April 16, 2018 at 15:29

Problem with incorrect applying custom css for mobile caused by } in this section – https://prnt.sc/j5wxln so you need to delete }. Do not forget to clear all cache to be able to see the effect.

Regards

#191237 Copied

bllec1998@gmail.com

Participant

April 16, 2018 at 23:24

I have cleared all cache and still dont see changes are you sure it actually fixes the problem?

#191273 Copied

bllec1998@gmail.com

Participant

April 16, 2018 at 23:28

I have cleared all caches, even my browser cache and no changes at all, and websites seems to be loading way sloader than before, don´t know what is going on

#191274 Copied

Rose Tyler

Support staff

April 17, 2018 at 07:55

Hello,

Looks like problems are solved – http://prntscr.com/j6a81z http://prntscr.com/j6a84u

Regards

#191291 Copied

bllec1998@gmail.com

Participant

April 20, 2018 at 11:08

How do I make the logo image look bigger in the header without increasing the header height?

#191593 Copied

Rose Tyler

Support staff

April 20, 2018 at 12:28

Hello,

Do you want to change logo size on some device? What logo size do you prefer?
Have you tried to change the logo size in Theme Options > General > Header Settings > Logo max width?

Regards

#191604 Copied

bllec1998@gmail.com

Participant

April 20, 2018 at 12:52

Increase in both, mobile and desktop version, I have tried doing what you said but see no change, I want the header overall height to remain the same, but have a bigger logo image in the space available

#191607 Copied

Rose Tyler

Support staff

April 20, 2018 at 14:13

Please try to set, for example, Logo max width – 200px and Header padding – 5px (top and bottom) in Theme Options.

Regards

#191618 Copied
Tagged: changes, mobile, themes, woocommerce, wordpress
1 2 3 4 5

Viewing 80 results - 61 through 80 (of 84 total)