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

    Hi

    I have moved images so that they overlap and then moved text around so that fits in with the layout. It works fine for various sizes i.e.1280 up wards but goes all over the place for other devices. Therefore what I thought of doing is effectively have two pages in one i.e.hide various elements in the page so they won’t show on various devices.

    I am stuck on two sections though how to hide text on a mobile and how to get the gallery to show on devices less than 1280.

    Login details are below.

    • This topic was modified 5 years, 11 months ago by info224.
    #1054390

    Hi

    Could someone come back to me please

    Thanks

    Alex

    • This reply was modified 5 years, 11 months ago by info224.
    #1054685

    Hi Alex,

    Best regards,
    Victoria

    #1054694

    Hi

    I think my best bet is to have two versions of the same page one for screens less 1280 and one that shows on screens more than 1280 that way I can have a responsive theme page for the first and a tailored one for the other. For the former, I could use something as mentioned below I guess but I would want it from 1280 and I’m not too sure about the later i.e. for screens more than 1280.

    @media only screen and (max-width: 480px) {
    #menu-item-59 { display: none !important; }}

    #1054946

    Hi

    I tried the following to hide the page but it didn’t work :(

    @media only screen and (max-width: 1024px) {
    #menu-item-451 { display: none !important; }}

    #1055357

    Hi could someone come back to me please

    Thanks

    #1055547

    Hi info224,

    Please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    I’m sorry, I’m confused. You were talking about the gallery first, but later replies have menu items in css. Which is the issue at hand now?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1055581

    Okay, I’m really sorry for any hassle I have cause it certainly wasn’t my intention.

    Essentially I have decided that I would like to hide the page on devices less than 1280px hence I tried the code

    @media only screen and (max-width: 1024px) {
    #menu-item-451 { display: none !important; }}

    unfortunately, it didn’t work and wondered if you could advise

    the page in question is shown below, the login details are above

    Thanks

    #1057000

    Hi,

    You can toggle the elements’ visibility in their options panel. Just look for the Screen Options tab.

    Best regards,
    Ismael

    #1059370

    Hi

    I have split the pages and hidden one on the mobile and the other on the desktop. You might want to update your support docs as the mobile is showing no-mob rather than no-mobile :)

    Thanks

    • This reply was modified 5 years, 11 months ago by info224.
    #1059522

    Hi,

    Thank you for pointing out. Are you referring to the CSS snippet? The class names are only-mobile or only-desktop. Let us know if this is not what you see.

    Best regards,
    Vinay

    #1059721

    Hi

    Its say the following

    “and to display certain menu items on mobile, please give them custom CSS class “only-mo” and change your code to following one”

    The “only-mob” should be “only-mobile”

    Thanks

    #1060122

    Hi,

    Thank you for pointing this typo. It has been updated now :)
    Let us know if you need any assistance with this ticket or we can close this ticket.

    Best regards,
    Vinay

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