Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 22, 2018 at 3:24 pm #1036546
    info224

    Hi

    I have added the following to make the mobile menu stick however it has not worked. I was wondering if it was because of the other coding I have added in the quick CSS please see below.

    @media only screen and (max-width:767px) {
    .responsive #top #wrap_all #header {
    position: fixed !important;
    }

    #footer .flex_column.av_one_fourth {
    margin-bottom: 0 !important;
    }

    #footer .flex_column.av_one_fourth .widget {
    margin: 0 0 16px;
    }
    }

    • This topic was modified 5 years, 11 months ago by info224.
    November 23, 2018 at 3:06 am #1036833
    Vinay

    Hey info224,

    Thank you for writing to us.

    Please replace the entire code with the code provided in the documentation.

    It should work for you well :)

    If you have an issue viewing the changes please make sure to clear the cache.

    Best regards,
    Vinay

    November 23, 2018 at 3:34 pm #1036976
    info224

    Hi

    Yes, it does thanks, however, I would like the UK Head office, the office name and telephone number and the logo to appear centre on each line. currently, that’s not happening on the mobile.

    Please see the link below

    Thanks for your help.

    Regards

    Alex

    • This reply was modified 5 years, 11 months ago by info224.
    November 23, 2018 at 8:30 pm #1037111
    Victoria

    Hi Alex,

    https://cl.ly/ad9ec9135991 Here is what I am seeing. How do you want to adjust it?

    Best regards,
    Victoria

    November 23, 2018 at 8:38 pm #1037115
    info224

    Hello I would like the logo to be centered under the name and telephone. So that it’s uniform ie central but only for mobile devices.

    Thanks

    Alex

    November 24, 2018 at 12:39 pm #1037228
    info224

    Hi

    I tried adding this to move the logo over more to the centre but it didn’t work

    @media only screen and (max-width: 767px) {
    .responsive .logo a {
    display: inline-block;
    vertical-align: middle;
    }

    .responsive .logo {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    }
    }

    • This reply was modified 5 years, 11 months ago by info224.
    November 26, 2018 at 9:50 pm #1037783
    Victoria

    Hi info224,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    November 27, 2018 at 11:29 am #1037959
    info224

    Hi

    I have turned off the minification and cache for the below mentioned and the logo is still not very central.

    Thanks

    Alex

    November 27, 2018 at 9:31 pm #1038213
    Victoria

    Hi Alex,

    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 .logo a {
        padding-left: 70px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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