Return to previous page

Layout Issues - by jkdesign - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 6 months ago ago by Jack Richardson

jkdesign

Participant

September 30, 2015 at 06:56

Hi there, just have a few issues regarding the payout of my website…

1. Responsive issues – when I bring in the width of the ‘Contact’ page, the two columns overlap! Also the main nav bar does not display all links?

2. How do I make the top info bar text align left? (Above logo)

3. On the ‘Look Book’ page, the second tab of the gallery does not display all images?

4. There is an unnecessary load icon in the ‘More Info’ tab of each product…

5. Is there a way for the main product images to pre-load so when the mouse hovers over it doesn’t take as long to load for the zoom?

Cheers!
Josh.

#90351 Copied

3 Answers
Jack Richardson

Support staff

September 30, 2015 at 09:23
Hello,

1. I’ve edited your code in CSS block on Contact page to:
```
@media (min-width: 1200px) {.row-fluid .span8 {
    width: 100% !important;
}
.row-fluid .span4 {
    float: right;
    margin-top: -590px !important;
    margin-right: 70px !important;
}}
```
Please clear browser cache and check the page now.

2. Add this code in custom.css file:
```
.top-bar .languages-area {
  margin-left: -20px !important;
}
```
3. As I see all images are shown:
http://storage1.static.itmages.com/i/15/0930/h_1443600648_9604243_ea0d527136.png

Please clear browser cache and check.

4. The issue was caused by the plugin Social Network Tabs. I’ve disabled it and now spinning icon isn’t shown.

5. Sorry, but there is no such option.

Best regards,
Jack Richardson.
#90390 Copied
jkdesign

Participant

October 1, 2015 at 03:58

Thanks Jack!

However the gallery is still only showing one image as pictured…
http://hersbridaltest.jk-design.com.au/screenshots/galleryissue.jpg
I have tested in 3 browsers & cleared cache…

The main navigation is also still cutting off when width of browser changed as shown…
http://hersbridaltest.jk-design.com.au/screenshots/navmissing.jpg

Cheers!
Josh.

#90603 Copied
Jack Richardson

Support staff

October 1, 2015 at 09:19
Hello,

I’ve edited your code in custom.css to:
```
@media (min-width: 1200px){.header-type-3 .logo-with-menu img {
 width: 250px !important;
  max-width: 300px !important;
}

.header-type-3 .main-nav .menu {
    width: 890px !important;
}}
```
Please check menu now.

I’ve checked images on Lookbook page and I see all of them.
Unfortunately I can’t reproduce the issue from my side.
Sorry.

Best regards,
Jack Richardson.
#90654 Copied
Tagged: issues, layout, optimization, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)