errors on mobile device (menu + tab box)

Discussion in 'ButterBelly WordPress Theme' started by mwnow, Apr 10, 2015.

Thread Status:
Not open for further replies.
  1. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hi there,

    we have some problems on mobile devices:
    the menu doesn´t drop down (iphone 5s - other devices i am not able to test)....

    And the Tab box on the frontpage with "Modeneck", "Trendhouse H2", "House of Gerry Weber", "MAX" is not working.
    They are not switching, if you click on another tab...and the content on the right box is missing :(

    Two screenies attached...

    Here are my custom styling options (maybe there is something which influate the menu and box)
    Code:
    .feature-content {display: none}
     
    .footer_top_container {
    background: #a02445;
    }
     
    .footer_top_container .call_us
    {
    display:none;
    }
     
     
    .footer_top_container
    {
    display:none;
    }
     
    .feature_blog_content ul li .post_meta {
    display: none;
    }
     
    .feature_blog_content ul li .post_content p {
    padding-top: 10px;
    }
     
     
    .post_comment
    {
    display:none;
    }
     
     
    .flex-caption a.slider-readmore {
    display: none;
    }
     
    .a class  {
    display: none;
    }
     
     
    .page_heading_content {
    display: none;
    }
     
    .sidebar  {
    display: none;
    }
     
    .content-bar .post {
      width: 330px;
    }
     
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .call-us a.btn {
      display: none !important;
    }
    }
    @media only screen and (max-width: 480px){
    .call-us a.btn {
      display: none !important;
    }
    }
     
     
     
    @media only screen and (max-width: 480px){
    .feature_home_widget {
      width: 300px;
      padding-top: 20px;
    }
    .stContainer {
      width: 150px;
    }
    .stMain ul.tabAnchor {
      margin-left: 0px;
    }
    ul.tabAnchor a {
      font-size: 12px !important;
    }
    .stMain ul.tabAnchor li a {
      padding: 10px 0px;
      width: 135px;
    }
    .stContainer p img {
      width: 100px !important;
    }
    .stMain div.tabContent p {
      font-size: 12px !important;
    }
    }
     
     
    .page-container {
      min-height: 500px !important;
    }
     
     
    ul.post_meta {
      display: none !important;
    }
    .post_content {
      padding-top: 10px !important;
    }
     
    

    Hope you can help me! Greetings Miriam
     

    Attached Files:

  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey, Miriam!

    I have checked your website.
    The Menu and Tab box both are working well in mobile devices.

    Please check again.

    Thanks,
    Praveen
     
  3. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    sorry - my fault...it seems our internet connection was only to slow...

    everything is working fine. sorry for my post.
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    It's alright.

    Have a nice day!
    Praveen
     
Thread Status:
Not open for further replies.

Share This Page