Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 4, 2017 at 4:53 pm #872550
    yaelbar

    Hey, I’m trying to change simple stuff on mobile like logo position, sticky header and masonry title alignment… those things usually work easily but for some reason any code I insert in Quick CSS is not doing anything and I can’t figure put why, help please?
    thanks

    November 5, 2017 at 6:05 am #872696
    Rikard

    Hey yaelbar,

    Thanks for the login details. What CSS is not applying exactly? Please try to be as specific as possible.

    Best regards,
    Rikard

    November 5, 2017 at 7:32 pm #872792
    yaelbar

    Hi,
    The codes I tried to put were:

    /*sticky header on mobile*/
.html_header_top.html_header_sticky #header {
position: fixed !important;
}
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 82 !important;
}
}
    /*masonry title align centre*/
h3.av-masonry-entry-title { text-align: center !important; }
    /* Change logo and menu position in tablets and mobile */
@media only screen and (max-width:767px) {
#advanced_menu_toggle {
left: 0!important;
right:auto!important;
}
.logo {
    float: right!important;
    width: auto!important;
}
}

    Thanks for the help,
    Yael

    November 6, 2017 at 12:22 pm #872995
    Rikard

    Hi,

    Thanks for that, let’s start with your first block:

    /*sticky header on mobile*/
.html_header_top.html_header_sticky #header {
position: fixed !important;
}
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 82 !important;
}
}

    You don’t have a media query around this code:

    .html_header_top.html_header_sticky #header {
position: fixed !important;
}

    And this bit, you’re applying top padding but how much? 82 what? It needs to have value like px or % for instance:

    @media only screen and (max-width: 767px) {
.responsive #main {
padding-top: 82 !important;
}
}

    Best regards,
    Rikard

    November 6, 2017 at 9:50 pm #873354
    yaelbar

    Hi, I tried to use this code:

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

    still doesn’t work…

    November 6, 2017 at 10:08 pm #873372
    Yigit

    Hey!

    There were couple closing curly brackets missing. I added them. Please review your website :)

    Regards,
    Yigit

    November 6, 2017 at 10:10 pm #873373
    yaelbar

    Hi Yigit,
    Sorry, but I don’t see any changes…

    November 8, 2017 at 9:40 pm #874320
    yaelbar

    Hi,
    Thank you for the help but the logo is still right and I need it to float left….
    can you provide me the correct code for that?
    thanks

    November 9, 2017 at 5:38 am #874411
    Ismael

    Hi,

    Please check the css media queries and make sure that there are no missing curly braces. Add this code in the Quick CSS field.

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

    Best regards,
    Ismael

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