Return to previous page

Make page responsive - by queenb123 - on WordPress WooCommerce support

This topic has 18 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

queenb123

Participant

July 13, 2015 at 23:25

hi is there a way to make this page responsive please?

when i change the dimensions of the logo, the page becomes unresponsive:

Please, contact administrator
for this information.

#74994 Copied Theme version: latest WooCommerce version: 42.2

17 Answers

queenb123

Participant

July 13, 2015 at 23:35

i would like the logo to be slightly bigger and would like the menu to look like here:

atahahair

the boxes seem too big in:

blessedluv

last time someone helped me, can you please help me again pls?

#74996 Copied
Jack Richardson

Support staff

July 14, 2015 at 09:59
Hello,

Please try to use this code in custom.css file:
```
.container-fluid > .navbar-header {
  padding-top: 30px;
}
.header-type-12 .navbar-collapse .menu > li > a {
  padding: 11px 17px !important;
}
```
Best regards,
Jack Richardson.
#75052 Copied
queenb123

Participant

July 14, 2015 at 12:45

Ok but the top part where the cart is, is not touching the top of the page like:

http://www.atahahair.com

please advise.

many thanks

#75099 Copied
Eva Kemp

Support staff

July 14, 2015 at 13:40
Hello,

Try to use this code as well:
```
@media (min-width: 992px) {.header-type-12 {
    margin-top: -30px !important;
}
.header-logo img {
    width: 150px !important;
    margin-top: 22px !important;
}}
```
Regards,
Eva Kemp.
#75120 Copied
queenb123

Participant

July 14, 2015 at 14:35

hi Eva,

That sort of worked, the logo is cut off a little and the pink side of the cart is not all the way to the top, i can still see a bit of white space, what to you suggest make the logo smaller, as i want the logo to be as big as possible!

#75146 Copied

Eva Kemp

Support staff

July 15, 2015 at 16:06

Hello,

We can provide you with the code to make logo bigger but some space will be shown at the top. Do you agree with it?

Regards,
Eva Kemp.

#75405 Copied

queenb123

Participant

July 15, 2015 at 16:55

ok thats fine, its needs to be responsive too, it is not at the moment

#75413 Copied
Jack Richardson

Support staff

July 15, 2015 at 19:33
Hello,

Please add this code in custom.css file:
```
@media (max-width: 992px) {.header-logo img {
  margin-left: 0px !important;
  width: auto;
}}
```
Best regards,
Jack Richardson.
#75435 Copied
queenb123

Participant

July 22, 2015 at 23:22

hi eva,

sorry i am not getting anywhere with this if i give temporary acess can you please go in and fix for me?

#76592 Copied

Eva Kemp

Support staff

July 23, 2015 at 09:15

Hello,

Please provide us with wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#76650 Copied

queenb123

Participant

July 23, 2015 at 18:46

hi eva, any updates pls?

#76788 Copied

Jack Richardson

Support staff

July 24, 2015 at 14:51

Hello,

I’ve edited previously provided css code in Theme options > Custom CSS > Global Custom CSS section. Please clear browser cache and check your site now. Is that what you want?

Best regards,
Jack Richardson.

#76906 Copied

queenb123

Participant

July 24, 2015 at 17:13

Hi i do aplogise, the logo is wrong i have corrected this, can you please have another look?

But YES what you did is what i want, (just the wrong logo was used)

please make sure that the logo is big (visible)
it is responsive on all platforms

thank you so much

#76920 Copied

queenb123

Participant

July 24, 2015 at 19:06

Acutally please leave it thanks!

#76932 Copied

Jack Richardson

Support staff

July 24, 2015 at 20:44

Hello,

Is you problem solved? May we close this topic?

Best regards,
Jack Richardson.

#76937 Copied

queenb123

Participant

July 25, 2015 at 00:19

yes pls thanks!

#76942 Copied

Jack Richardson

Support staff

July 25, 2015 at 07:16

Hello,

You are welcome!
Let us know if you need more help.

Best regards,
Jack Richardson.

#76954 Copied
Viewing 18 results - 1 through 18 (of 18 total)