Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 27, 2014 at 9:14 pm #359178
    thecszone

    I have added a new element to the header and am having a hard time styling the mobile to make the menu and shopping cart not overlap. I have created a diagram of what I would hope to do. I have included the link to the diagram in the private content area. Can you help with this?

    • This topic was modified 10 years ago by thecszone.
    November 28, 2014 at 2:08 am #359350
    Yigit

    Hey thecszone!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.responsive #top .cart_dropdown { top: 35%; right: 45%; }
#advanced_menu_toggle, #advanced_menu_hide { right: 36%; top: 27%; }}

    Best regards,
    Yigit

    November 28, 2014 at 4:58 pm #359654
    thecszone
    This reply has been marked as private.
    November 29, 2014 at 6:03 am #360018
    Andy

    Hey!

    It looks fine for me on iPhone 3G (320px width), as seen here:

    Which mobile device are you using?

    Best regards,
    Andy

    November 29, 2014 at 3:54 pm #360085
    thecszone
    This reply has been marked as private.
    November 30, 2014 at 8:18 pm #360380
    thecszone

    I replied on this a few days ago but never heard back. Is there anything else you need to help me solve this?

    December 1, 2014 at 5:32 am #360599
    Ismael

    Hey!

    Some of css modifications are breaking the mobile layout of the site. Please look for these codes then remove them:

    #header_main .phone-info {
width: 274px;
float: right;
margin-right: 0;
padding: 0px;
}

#header_meta {
height: 20px;
width: 308px;
float: right;
margin-right: 23px;
margin-top: 3px;
padding-top: 1px;
}

    Replace it with:

    @media only screen and (min-width: 768px) {
#header_main .phone-info {
width: 274px;
float: right;
margin-right: 0;
padding: 0px;
}

#header_meta {
height: 20px;
width: 308px;
float: right;
margin-right: 23px;
margin-top: 3px;
padding-top: 1px;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.