Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 28, 2018 at 2:10 pm #919057
    famewebdesign

    Hi!
    Please check this page on tablet and Phone.

    Jolien

    Isn’t there any way this page can look the same as on desktop? Or maybe first image, then text (repeat 3 times)?
    Already tried to create a contentsection containing two columns. One column with backgroundimage and one column with text. But then on Phone the pics do not show.
    Please help me with this?
    Martine

    March 1, 2018 at 9:12 pm #919895
    Basilis

    Hey famewebdesign,

    I suppose – you want to make it look the same on MOBILE and not on desktop, is that correct or I have missunderstood something?

    Best regards,
    Basilis

    March 2, 2018 at 8:50 am #920166
    famewebdesign

    Hi Basilis,
    Mobile (Phone) look is different from desktop look. On tablet, I would like to make it look like desktop or Phone. At this moment, the way it shows on tablet is not as desktop and not as Phone. I expected to took it like Phone but it doesnt.

    So, is there a way that this page looks on tablet the same as on Phone or on desktop?

    March 4, 2018 at 5:58 pm #921102
    Mike

    Hi,
    It looks like the difference between the mobile view and the tablet view is the menu, please try this code in the General Styling > Quick CSS field to enable the mobile menu for the tablet view:

    @media only screen and (max-width: 1023px) {
.av-burger-menu-main { 
     display: block!important; 
}
#top #avia-menu .menu-item {
     display: none!important;
}}

    Please see screenshot in Private Content area of your current mobile and tablet views, should I have missed another difference.

    Best regards,
    Mike

    March 4, 2018 at 8:20 pm #921137
    famewebdesign

    Thanks Mike, that was also an issue. Now in portrait on tablet the hamburger menu shows.
    There is one more issue on the Jolien page:
    In landscape mode the first and third image are now showing correctly (compare to desktop version or to portrait mode on tablet).

    How can I make these images show correctly on landscape mode? If that’s difficult, it’s not a problem when landscape mode shows the same as portrait mode.

    Thanks for your help!

    Martine

    March 5, 2018 at 10:40 am #921382
    Victoria

    Hi,

    Best regards,
    Victoria

    March 5, 2018 at 12:47 pm #921451
    famewebdesign

    Hi Victoria,
    Yes, that’s what I mean. First and third image are not as they should be. Do you know how I can fix this in a way that it will not affect view on desktop or phone?
    Martine

    • This reply was modified 6 years, 10 months ago by famewebdesign.
    March 5, 2018 at 1:38 pm #921468
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (min-width: 1024px) and (max-width: 1180px) { 
#grid-home.avia-builder-el-2 .flex_cell.avia-builder-el-3 {
background-position: center center!important; 
}
#grid-home.avia-builder-el-15 .flex_cell.avia-builder-el-16 {
background-position: 30% 10%!important; 
}
}

    Best regards,
    Mike

    March 5, 2018 at 2:37 pm #921491
    famewebdesign

    Great!! Thanks Mike!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Issue on tablet en phone’ is closed to new replies.