GAP in resize image CSS (gd listing) maybe…

This topic contains 6 replies, has 2 voices, and was last updated by  Henrique Takeguma 4 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • January 29, 2020 at 2:20 pm #527890

    Henrique Takeguma
    Full Member
    Post count: 10

    Hello!

    I’m trying to eliminate the gap in resize window in pc and phone. I’m using GD LIST as follow:

    [gd_listings post_type=”gd_place” post_limit=”1″ post_ids=”273″ sort_by=”az” title_tag=”h3″ layout=”1″]

    Tryed many combinations “layouts” and elementor sections to correct this but no success. I think it is in the configurantion of size screen css.

    VÍDEO TO SHOW: https://vimeo.com/387970230
    Can anyone help? Thank you very much

    January 29, 2020 at 2:55 pm #527895

    Kor
    Moderator
    Post count: 16516

    Hi Henrique,

    Thanks for your post. Could you please share your Website URL here so that I could test out some custom CSS code?

    January 29, 2020 at 5:48 pm #527912

    Henrique Takeguma
    Full Member
    Post count: 10

    Thank for reply!

    The website is: https://ibentou.com

    If you need the login please teach me.

    Thank you very much.

    January 29, 2020 at 6:04 pm #527916

    Kor
    Moderator
    Post count: 16516

    Hi Henrique,

    Thanks for your reply. Try using the custom CSS code below and see if it fixes it. Insert into WP > Appearance > Customize > Additional CSS. 

    @media only screen and (max-width: 800px) {
body ul.geodir-category-list-view>li {
    width: 100% !important;
}
}
    January 29, 2020 at 7:05 pm #527937

    Henrique Takeguma
    Full Member
    Post count: 10

    That worked wonderfully, you rock! but it caused a problem in display others parts of layout especifically in smartphone view, before was two collum with 2 archive items besides each other, now just one bigger.

    Maybe I understood that CSS. The code size of 800px is what determines the display layout relative to screen.

    Is it possible to apply this CSS just in that part(especified).

    Thank you.

    January 30, 2020 at 6:33 pm #528097

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for your reply. Could you swap that custom CSS code with the below and see if it fixes it? 

    @media only screen and (max-width: 800px) {
body .elementor-element-7016b2c ul.geodir-category-list-view>li {
    width: 100% !important;
}
}
    January 31, 2020 at 1:42 pm #528230

    Henrique Takeguma
    Full Member
    Post count: 10

    Hey Kor,

    Thats worked GREAT GREAT!! You Rock!! Resolved

    Thank you.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket