Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #849295

    Hi, for the desktop version I created some space between logo and text, (see http://www.paukersliebling.de/kontakt/) but in the mobile version there is too much space between logo and text…that does not look good. Is there any code which could erase the space just in the mobile version? The desktop version is fine the way it is..I’m talking about this site: http://www.paukersliebling.de/kontakt/

    #849320

    Hey nadinedomnink,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
    
    .avia-builder-el-0 , .avia-builder-el-1{
    display:none!important;
    }
    
    }

    Best regards,
    Jordan Shannon

    #852255

    Hi, this code works – but it leads to the fact that the images aren’t shown in the mobile version…any other idea? thanks!

    #852263

    Hi,

    We would have to make this page specific then. Is there just a space on the contact page, where there are no pictures?

    Best regards,
    Jordan Shannon

    #856440

    Hi, yes – exactly! You can’t change it via the screen option – the space in the mobile version is still there…thanks!

    #856483

    Hi,

    Add this to quick css to remove the space on mobile on the contact page only:

    @media only screen and (max-width: 767px)  {
    .page-id-339 .avia-builder-el-0 , .avia-builder-el-1{
    display:none!important;
    }}

    Best regards,
    Jordan Shannon

    #856837

    Cool, thanks!

    #856840

    Well, actually – the code is not working, I just realised. It erases the text of the other sites such as AGBs for example…

    #856874

    Hi,
    Please try this instead:

    @media only screen and (max-width: 767px)  {
    .page-id-339 .avia-builder-el-0 ,.page-id-339 .avia-builder-el-1{
    display:none!important;
    }}

    Best regards,
    Mike

    #856899

    Hi Mike, that works! Thanks a lot! Do you have an idea why the text pages are not responsive? That problem has nothing to do with your code…I just thought I might ask you, as you helped me so well… Could you please check:
    http://www.paukersliebling.de/agb/

    http://www.paukersliebling.de/widerrufsbelehrung/

    http://www.paukersliebling.de/datenschutzbelehrung/

    Thanks a lot

    #857014

    Hi,

    There appears to be some custom css in place to format the text. I believe is this css is targeted to just desktop or tablets via media queries, the text will be better responsive.

    Best regards,
    Jordan Shannon

    #857375

    Ok, and how can I change that? Thanks!

    #857529

    Hi,

    If you currently have custom text styles in your quick css or custom.css please wrap it within the following:

    @media only screen and (min-width: 1024px){
    /*your current custom text styles*/
    }

    Essentially what this does is applies the custom text style to desktop an the responsive text style to mobile

    Best regards,
    Jordan Shannon

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

You must be logged in to reply to this topic.