CSS Media Queris

leurent · March 12, 2019, 5:48pm

Hi,

I have just started rebuilding my website, and I can’t seem to get media queris work. If I give a class just for “cart off canvas” the whole elements are moving. Maybe I am missing something

@media (max-width: 480px) {
 .kart1{
    margin-right:-100px;
}
}

Thank you
Leurent

paul.r · March 13, 2019, 3:55am

Hi Leurent,

You can try this code instead.

@media (max-width: 480px) {
 .x-anchor-toggle.kart1{
    left: auto;
    right: 0px;
    position:absolute;
}
}

Hope this helps

leurent · March 14, 2019, 1:10pm

Hi,
Many thanks that worked.
Two more things I have followed this thread but it didn’t worked. The logo is not visible.

And how can I find or what’s the WooCommerce Html Selector and Blog Html Selector of the pro theme.

Thank you

ruenel · March 14, 2019, 3:22pm

Hello @leurent,

The cart and menu off canvas element has the same class selector.
Using this JS should work:

jQuery(document).ready(function($){
   $('.x-off-canvas-content').prepend('<a class="x-image" href="#"><img alt="Image" src="https://themeco-templates.s3.amazonaws.com/assets/logo-green-white.png" width="172" height="70"></a>');
 });