Return to previous page

Website improvements - by smartrobbie - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

smartrobbie

Participant

June 14, 2016 at 16:18

hi, wondering if you can assist on the below information (or if you can’t do you have developers that could assist with this)?

milkbarbreastpumps.com.au

General

1. Can the top banner be adjusted to be mobile responsive?- it appears the same width as on an ipad.
2. Can My account, my newsletter & my wishlist be added to iPhone/ipad versions on the top banner?

Google
3. Error in robot.txt Allow: /wp-admin/admin-ajax.php- can you fix this?
4. Is there anything else wrong with my robot.txt or sitemap as google has only indexed 15 pages according to google console?
10. I don’t think my website IP forwards to my website’s address. I think a 301 redirect needs to be done via htaccess file? I think my IP is 110.232.116.117

Improving Page Speed
11. Eliminate render-blocking JavaScript and CSS in above-the-fold content
12. Minify CSS, Javascript & HTML
13. Combine External Javascript- does the theme cause a high amount of CSS files
14. Combine External CSS- does the theme cause a high amount of CSS files
15. Leverage Browser Caching- I have used a couple of online tools and on some this looks ok and others it recommends this
16. Enable compression- same as above
17. Parrallelize downloads across hostnames

Mobile Responsiveness
18. Size content to viewport
19. Size tap targets are too small for mobile

Part of the reason for considering a new theme is that I think this is impacting the number of CSS/Javascript files & because the website isn’t mobile responsive- it does change going from desktop to mobile however it doesn’t score highly in terms of mobile usability. I’m not sure if a developer can clean this up?

Let me know your thoughts and if there is anything I have missed. I do want to improve my website and am trying to identify areas to do so however in terms of making the changes this is definitely beyond my knowledge level & ability.

Thanks,

Robyn

#129593 Copied

9 Answers
Jack Richardson

Support staff

June 14, 2016 at 19:07
Hello,

1. As I see banner on home page is responsive:
http://storage3.static.itmages.com/i/16/0614/h_1465927253_8802850_1f037a1c07.jpeg

Please clarify what banner exactly you mean.

2. Please add this code in Theme Options > Custom CSS > Custom CSS for mobile, Custom CSS for tablet:
```
.template-container .top-bar .top-links {
    display: block;
    float: left;
}
```
3. This is not related to our theme. You may search for solutions in WordPress forums.

4. Sorry, but you have to contact some SEO specialist regarding this question.

10. It has nothing to do with the theme support. Contact your hosting provider regarding IP address.

You can speed up the site following the suggestions from these articles:
http://codex.wordpress.org/WordPress_Optimization
http://techtage.com/speeding-up-wordpress-sites/
http://www.sparringmind.com/speed-up-wordpress/
https://www.inmotionhosting.com/support/website/wordpress/heartbeat-ajax-php-usage#heartbeat-in-action
http://premium.wpmudev.org/blog/10-best-image-optimization-plugins-to-speed-up-your-wordpress-site/
http://www.elegantthemes.com/blog/tips-tricks/optimize-images-for-your-wordpress-website

Best regards,
Jack Richardson.
#129619 Copied
smartrobbie

Participant

June 15, 2016 at 12:26

thank you for that. I will check out those links.

do you know much about these 2 points?

Mobile Responsiveness
18. Size content to viewport
19. Size tap targets are too small for mobile

also… do you know if in your theme, the post and page titles default to H1?

#129731 Copied
Eva Kemp

Support staff

June 15, 2016 at 13:29
Hello,

18. Try to use this code in Custom CSS for mobile:
```
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin-right: 0px !important;
}
```
19. Please use this code in Custom CSS for mobile:
```
.template-container .shopping-container, .top-bar .aio-tooltip {
   width: 48px;
}
```
As you can see page titles use h1 tag http://storage1.static.itmages.com/i/16/0615/h_1465993769_2390205_6580cc27b0.jpeg .

Regards,
Eva Kemp.
#129739 Copied
smartrobbie

Participant

June 22, 2016 at 14:55

hi, I tried to add the code you mentioned above:

.template-container .top-bar .top-links {
display: block;
float: left;
}

but this also changes the desktop version.

is there a way to just have it show up on mobile devices? I would like it centered under the social icons.

I tried adding code like

@media only screen and (max-width: 700px) {
.template-container .top-bar .top-links {
display: block;
float: centered;
}
}

but didnt quite work as the text went behind/ontop of the social icons.

any suggestions?

Robyn

#130655 Copied

Eva Kemp

Support staff

June 22, 2016 at 16:10

Hello,

You were told to add the code in Theme Options > Styling > Custom CSS for mobile section, and Custom CSS for tablet section.
Have you added it to Global Custom CSS?
Please check it attentively.

Regards,
Eva Kemp.

#130671 Copied

smartrobbie

Participant

June 26, 2016 at 15:34

hi, I added the code, but the text doesnt align nicely. it is left aligned/or sits on top of the social icons.

how can I get it to sit under the social icons?

#131114 Copied
Eva Kemp

Support staff

June 27, 2016 at 12:54
Hello,

Try to use this code too:
```
.template-container .top-bar .top-links {
   margin-right: 5%;
}
```
Regards,
Eva Kemp.
#131213 Copied
smartrobbie

Participant

June 27, 2016 at 13:35

hi, doesnt quite work.

getting better for mobile portrait.

mobile landscape – the text is overlapping the soical icons, how can I get it go go on the next line below the social icons)

same goes for the ipad.

#131225 Copied
Eva Kemp

Support staff

June 27, 2016 at 16:52
Hello,

Try to use this code in Custom CSS for mobile landscape section:
```
.template-container .top-bar .top-links {
    margin-right: 22%;
    margin-top: 10%;
}
```
and this code in Custom CSS for tablets section:
```
.template-container .top-bar .top-links {
    margin-right: 24%;
    margin-top: 5%;
}
```
Regards,
Eva Kemp.
#131271 Copied
Viewing 10 results - 1 through 10 (of 10 total)