Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • June 17, 2019 at 11:41 am #1110982
    oeilneuf74

    Hi!
    On my website https://habitatjeunes-sologne.org/, on mobile there is a little problem: the menu covers my blue block.
    Could you please help me to solve that?

    Thanks a lot.
    Gaëlle

    June 17, 2019 at 6:31 pm #1111105
    Basilis

    Hey oeilneuf74,

    This is intend behavior. What would you like it to be?

    Best regards,
    Basilis

    June 17, 2019 at 6:36 pm #1111108
    oeilneuf74

    Hi Basilis,
    I would like it to be like on your demo: https://kriesi.at/themes/enfold-medical/
    In mobile, the menu doesn’t cover the blocks below.

    Gaëlle

    June 18, 2019 at 5:40 pm #1111377
    Victoria

    Hi Gaëlle,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive #top.home .flex_column_table { 
        margin-top: 0px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 20, 2019 at 9:12 am #1111857
    oeilneuf74

    Hi Victoria,

    It works fine!
    Thanks a lot for your help!

    Gaëlle

    June 20, 2019 at 1:38 pm #1111943
    Rikard

    Hi Gaëlle,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 25, 2019 at 2:06 pm #1121901
    oeilneuf74
    This reply has been marked as private.
    July 27, 2019 at 4:31 pm #1122352
    Victoria

    Hi Gaëlle,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 29, 2019 at 9:49 am #1122677
    oeilneuf74
    This reply has been marked as private.
    July 29, 2019 at 12:52 pm #1122735
    Rikard

    Hi Gaëlle,

    Great, I’m glad that you found a solution. Which text exactly are you looking to reduce on mobile?

    Best regards,
    Rikard

    July 29, 2019 at 1:31 pm #1122747
    oeilneuf74
    This reply has been marked as private.
    July 29, 2019 at 8:10 pm #1122886
    Victoria

    Hi Gaëlle,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width:767px){
    #top .template-page .entry-content-wrapper h1,
     #top .template-page .entry-content-wrapper h2 {
        text-transform: none;
        font-size: 14px;
    }
    #top #wrap_all .all_colors h1 {
        font-size: 18px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 1, 2019 at 11:57 am #1123867
    oeilneuf74
    This reply has been marked as private.
    August 5, 2019 at 7:43 pm #1124826
    Victoria

    Hi Gaëlle,

    Credentials for WordPress did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    August 19, 2019 at 4:51 pm #1128954
    oeilneuf74
    This reply has been marked as private.
    August 21, 2019 at 3:37 am #1129395
    Ismael

    Hi,

    Thank you for the update.

    We added the css code again and disabled the Performance > File Compression settings temporarily. Please don’t forget to remove the browser cache before checking the page. When you’re done, you can activate the css compression again.

    Best regards,
    Ismael

    September 18, 2019 at 3:00 pm #1139510
    oeilneuf74
    This reply has been marked as private.
    September 18, 2019 at 3:14 pm #1139517
    oeilneuf74
    This reply has been marked as private.
    September 18, 2019 at 3:30 pm #1139526
    oeilneuf74
    This reply has been marked as private.
    September 18, 2019 at 3:42 pm #1139532
    Ismael

    Hi,

    Thank you for the update.

    It probably doesn’t work because the css media query is invalid. This is the correct format.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
   .responsive # top.home .flex_column_table {
       margin-top: -124px! important;
    }
}

    Let us know if it helps.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

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