Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 7, 2017 at 10:37 pm #849295
    nadinedomnink

    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/

    September 7, 2017 at 11:25 pm #849320
    Jordan Shannon

    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

    September 14, 2017 at 6:16 pm #852255
    nadinedomnink

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

    September 14, 2017 at 6:27 pm #852263
    Jordan Shannon

    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

    September 25, 2017 at 12:08 pm #856440
    nadinedomnink

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

    September 25, 2017 at 2:38 pm #856483
    Jordan Shannon

    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

    September 26, 2017 at 9:51 am #856837
    nadinedomnink

    Cool, thanks!

    September 26, 2017 at 9:55 am #856840
    nadinedomnink

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

    September 26, 2017 at 11:05 am #856874
    Mike

    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

    September 26, 2017 at 12:57 pm #856899
    nadinedomnink

    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

    September 26, 2017 at 4:47 pm #857014
    Jordan Shannon

    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

    September 27, 2017 at 8:58 am #857375
    nadinedomnink

    Ok, and how can I change that? Thanks!

    September 27, 2017 at 3:21 pm #857529
    Jordan Shannon

    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

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