Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 11, 2017 at 10:04 pm #819648
    johnmac1967

    Hi, I can’t get media queries to work at all when putting them on style.css in my child theme. When I add them through Quick CSS they seem to work though I reducing text size on mobile view I just cannot get to work (see private details).

    Also, when on mobile view I can’t get the shopping cart icon and the mobile menu icon to sit at the same height together on mobile view. They are exactly the same size so really should sit beside each other for the sake of good design but they are out of alignment and it looks terrible (please see attached image). What can I do to ensure they both sit at the same height on the page?

    Thanks for your help.
    JM

    July 11, 2017 at 11:49 pm #819714
    Nikko

    Hey johnmac1967,

    Try to add this css code to fix it:

    @media only screen and (max-width:767px) {
  #advanced_menu_toggle, #advanced_menu_hide {
    top: 133px;
  }
}

    As for why it’s not showing any changes when you put it in style.css, it’s because of the browser caching, browsers to be more efficient loads the older css file that it has cached, to see the changes you need to clear the browser cache.

    Best regards,
    Nikko

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