Return to previous page

Ipad version - by queenb123 - on WordPress WooCommerce support

This topic has 10 replies, 4 voices, and was last updated 9 years, 4 months ago ago by Robert Hall

queenb123

Participant

July 24, 2015 at 19:08

Hi can you please give me the code for the ipad/iphone (mobile) version, as my menu is not showing correctly:

http://blessedluv.com/

many thanks!

Please, contact administrator
for this information.

#76933 Copied

9 Answers
Jack Richardson

Support staff

July 24, 2015 at 21:27
Hello,

I’ve added the following css code in custom css section:
```
@media (max-width: 1200px) {
.header-logo img {
    max-width: 260px;
    margin-left: -10px;
}
.header-type-12 .navbar-collapse .menu > li > a {
    padding: 10px 10.5px !important;
}}
```
Please check the site on mobile devices.

Best regards,
Jack Richardson.
#76939 Copied
queenb123

Participant

July 25, 2015 at 10:10

hi that did not work i have similar code and may be thats whats conflicting, here is the code i have already:

.menu > li > a {
color: #000;
cursor: pointer;
display: block;
float: left;
font-size: 11px;
line-height: 15px;
padding: 20px 9px 15px;
position: relative;
text-transform: uppercase;
}

.header-logo img {
max-width: 323px;
}

@media (max-width: 1200px) {
.header-logo img {
max-width: 260px;
margin-left: -10px;
}
.header-type-12 .navbar-collapse .menu > li > a {
padding: 10px 10.5px !important;
}}

.header-type-12 .navbar-collapse .menu > li > a {
padding: 10px 17px;
}

i just need the menu/header to collapse in the mobile ipad/iphone version, just like here:

Please let me know what to do, thank you.

#76992 Copied

Jack Richardson

Support staff

July 27, 2015 at 12:04

Hello,

As I see the mobile menu is shown fine:
http://storage2.static.itmages.com/i/15/0727/h_1437995047_7209345_b26528054b.png
Please show us a screenshot of the issue.

Thank you.
Best regards,
Jack Richardson.

#77191 Copied

queenb123

Participant

July 27, 2015 at 22:45

No mine is definately different, this is what i get on ipad/safari:

http://s9.postimg.org/cydusrcxb/Attachment_1_1.jpg

this is what i get iphone/safari:

http://postimg.org/image/bp88zdixp/

Can i get the ipad menu to look like the iphone version please?
Please take note of he codes above…

#77347 Copied

Eva Kemp

Support staff

July 28, 2015 at 10:18

Hello,

Please provide us with FTP credentials.

Regards,
Eva Kemp.

#77406 Copied

queenb123

Participant

July 28, 2015 at 22:49

Thanks,

please see private content.

Please, contact administrator
for this information.

#77547 Copied
Eva Kemp

Support staff

July 29, 2015 at 11:47
Hello,

I’ve added this code in Global Custom CSS:
```
@media screen and (min-width: 992px) and (max-width: 1200px) {
.header-type-12 .navbar-collapse {
   display: none !important;
}
.navbar #st-trigger-effects {
  display: block !important;
  margin-top: 20px !important;
}}
```
Please check the site now.

Regards,
Eva Kemp.
#77634 Copied
queenb123

Participant

July 29, 2015 at 15:31

Perfect thank you!

#77692 Copied

Robert Hall

Support staff

July 29, 2015 at 15:44

Hello,

You’re welcome!

Regards,
Robert Hall.

#77697 Copied
Viewing 10 results - 1 through 10 (of 10 total)