Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 25, 2014 at 10:51 am #228941
    simonac

    Hi, i have a problem with a website.

    The menu (text) is not visible in mobile version. Also the backgrounds of color sections are displaced.
    Could you please help me out there,

    Thanks

    February 25, 2014 at 10:52 am #228942
    simonac
    This reply has been marked as private.
    February 25, 2014 at 1:36 pm #228990
    Yigit

    Hey!

    I have just checked your website on my iphone and mobile menu is visible http://i.imgur.com/7cWnFIs.png
    It is just aligned to left, you can fix it by adding following code to Quick CSS 

    @media only screen and (max-width: 767px) { 
.responsive #top .mobileMenu {
width: auto; }}

    Best regards,
    Yigit

    February 25, 2014 at 4:02 pm #229037
    innova
    This reply has been marked as private.
    February 25, 2014 at 4:18 pm #229040
    simonac

    Hi Yigit,

    well i can only see the menu when i click on the grey box. There i expected to see the single menu items. This is a little confusing.

    And the background image is not alligned correctly in Portrait mode just in Landscape. Howcan i fix that.

    And about the code you send me: I juse this code now:

    /* #Desktop - Large
================================================== */@media only screen and (min-width: 1140px) {
  .responsive .boxed#top {
    width: 960px;
  }
  .responsive .container {
    width: 860px;
  }

    …
    does that conflict with the one you send me?

    Kind Regards

    February 26, 2014 at 4:37 am #229410
    Ismael

    Hi!


    @innova    : Please deactivate the plugins that you have then reset the settings on Enfold > Header > Responsive Header Main Menu.


    @simonac    : Add this to change the text color. 

    .responsive #header_main_alternate .mobileMenu {
    margin: 16px 0px;
    color: white;
}

    Regards,
    Ismael

    February 26, 2014 at 5:33 pm #229650
    simonac

    Hi Ismael,

    this did not seem to work.

    And how about the problem with the background image?

    Thanks

    Simon

    February 27, 2014 at 6:40 am #229928
    Ismael

    Hey!

    Sorry for the color change. Use this instead:

    @media only screen and (max-width: 767px) {
#top .header_color select {
border-color: #e1e1e1;
background-color: #969696;
color: white;
}
}

    The background looks fine on my end. Can you please post a screenshot of the issue?

    Regards,
    Ismael

    February 27, 2014 at 12:53 pm #230047
    simonac

    Hi Ismael,

    here is a SC

    http://www.file-upload.net/download-8662645/SC20140227-114042.png.html

    When i open the page the bg is not correct. When i open the menu then it fits. strange.

    Thanks

    February 28, 2014 at 5:16 pm #230684
    Yigit

    Hey!

    Please try adding following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.bg_container { background-size: cover !important; }}

    Best regards,
    Yigit

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