Media Queries Issue for responsive.

New home Forums Gold Add-on Media Queries Issue for responsive.

This topic contains 2 replies, has 2 voices, and was last updated by  jimblug 1 week, 1 day ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #53177

    jimblug
    Member

    Hi !
    I just custom a map with the CSS custom, but I have an issue tu put some media queries.
    I just want to know how I can change this code with media queries inside.
    When i put some media queries inside the map all my custom goes away.

    here is the link : http://www.article10.fr

    .wpgmza-popout-panel.wpgmza-open {
        left: 8%;
    }
    .wpgmza-popout-panel {
        position: absolute;
        border: 1px solid #910817;
        z-index: 9999999999;
        background: #fff;
        width: 26%;
        height: 75%;
        top: 20px;
        left: -40%;
        transition: left 0.3s; 
        overflow-y: auto;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        -o-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    }
    .wpgmza-modern-marker-listing-marker-view .wpgmza-close-container {
        text-align: right;
        padding: 5px;
        background: #ffffff;
        color: #790808;
        font-size: 16px;
        z-index: 99;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .wpgmza-popout-panel [data-name="pic"] { 
    margin-left: 10px !important; 
    margin-right: 10px !important; 
    margin-bottom: 5px !important 
    } 
    [data-name="title"] { 
    display: none; 
    }
    
    Attachments:
    You must be logged in to view attached files.
    #53196

    AbelC
    Moderator

    Hi There,

    Thank you so much for getting in touch with us, and our sincere apologies for the inconvenience.

    Could I kindly ask if you would be open to provide us with your media queries so that we can take a closer look as to what is causing this issue?

    Could I also kindly ask if you could please confirm if this media queries is for mobiles devices?

    This would be a tremendous help, and we are looking forward to hearing back from you.

    Kind Regards,
    Abel

    #53269

    jimblug
    Member

    Hi ! Thanks for you answer.
    My media queries are :

    /*** Responsive Styles Standard Desktop Only ***/
    @media all and (min-width: 1100px) and (max-width: 1405px) {

    }

    /*** Responsive Styles Smartphone Only ***/
    @media all and (max-width: 767px) {

    }

    THANKS !

    #53288

    AbelC
    Moderator

    Hi There,

    Thank you for getting back to me.

    Am I correct if I say that when you add these queries to your Custom CSS code it then breaks your CSS mentioned in your previous response?

    If so, unfortunately I was unable to replicate this issue on my side. We do apologize for the inconvenience.

    Could I kindly ask if you could please add these queries to your custom code and then navigate to Maps -> Settings -> Advanced -> Custom CSS -> And please provide us with a screenshot of your Custom CSS code?

    Could I also kindly ask if you would be open to add these queries to your Custom CSS code so that we can debug this issue further?

    This will be a tremendous help, and we look forward to hearing back from you.

    Kind Regards,
    Abel

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.