Enigma theme not responsive to iPhone/Android

  • Resolved cayindustries

    (@cayindustries)


    9 years, 2 months ago

    Hello. My website is not re-sizing accordingly on mobile devices. Here are the areas of concern:

    Website: https://www.thesocketroll.com

    1) The header “Socket Roll” is still to the left when it should be centered.
    – This is a website for reference on how the header should look in a both desktop and mobile versions (when you pull it up on a device) https://www.jasonmattke.com/

    2) The header also looks “squished” and the sub title is off center as well.

    3) The menu bar drop down has the original light blue color and it should be the sea-green like in the hover of my desktop version.

    4) The navbar box (gray area) is too large on the mobile version.

    5) The “Contact Us” page gets cut off to the right on the mobile version (iPhone).

    6) On the ‘Products” page the diamonds where I make bullet points change from blue (desktop version) to red (mobile version). They should stay blue.

    7) On the ‘Products” page the “Paypal” button is missing. This is extremely important for obvious reasons.

    8) On the ‘Products” page in the “details and specifications” portion the words get cut off to the right side like in the “contact us” page.

    9) On the ‘Products” page the images of other tool companies, craftsman, snap on, mac etc. is squished and cut off to the right side.

    Thanks for your help, but I need to launch very soon and can’t do it with the mobile version not being responsive. Please advise. Thanks in advance.

    Chris

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    solution to 1-4 is below

    Please go to Admin Dashboard >>Appearance >>Theme Options >>General Settings and find custom CSS editor.

    .wl_rtl img {
  margin: 0 auto !important;
}
.navbar-toggle {
  background-color: rgba(0, 6, 102, 1) !important;
  border: 1px solid rgba(0, 6, 102, 1) !important;
}

@media (max-width:767px){
.wl_rtl {
  width: 100% !important;
}
}
.navbar-collapse {
   margin-top: 25px;
  min-height: 300px !important;
margin-bottom:0 !important;

}
.navigation_menu {
  background-color: #fff !important;
  border-top: 1px solid red;
}
.navbar-collapse {
   margin-bottom: 0 !important;
    min-height: 300px !important;
    background: rgba(163, 163, 162, 1) !important;
}

    Save the changes.

    And for all other issues please raise your issue in particular plugin forum.

    Thanks.

    Thread Starter cayindustries

    (@cayindustries)

    Only 1 and 2 are resolved.

    I will re-word the other questions because they all have to do with the theme I think. These are new questions:

    1) I would like to remove the hover and shadow colors on the navbar and also center the text height.

    2) in the MOBILE version when you click on the menu the color changes from dark blue to the original light blue and it stays that way. Can you correct so it stays dark blue?

    3) I would still like to shrink the gray area on the MOBILE version only so it is just big enough to hold the menu button.

    4) In the MOBILE version is it possible to move the menu button to the middle of the navbar?

    That is all for now. I will start a separate thread for the other issues. Thanks.

    Hi,

    If all these issues are resolved, please mark thread as resolved.

    Thanks.

    Thread Starter cayindustries

    (@cayindustries)

    Numbers 5, 6, 8 and 9 are still unresolved. These items have to deal with the Enigma theme, so there is no other plug-in for me to refer to. Please refer to the MOBILE version to see what I am referring to. Thanks.

    Hi..

    It is a Plugin related issue please concern with Plugin forum.

    Save the changes.

    Thanks.

    Thread Starter cayindustries

    (@cayindustries)

    Im not sure how 5, 6, 8, and 9 are plug-in issues as there are no plug-ins on those pages or that have to deal with those pages, please advise. Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Enigma theme not responsive to iPhone/Android’ is closed to new replies.