Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 14, 2019 at 7:22 pm #1053809
    info224

    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, 10 months ago by info224.
    January 15, 2019 at 10:34 pm #1054390
    info224

    Hi

    Could someone come back to me please

    Thanks

    Alex

    • This reply was modified 5 years, 10 months ago by info224.
    January 16, 2019 at 8:11 pm #1054685
    Victoria

    Hi Alex,

    Best regards,
    Victoria

    January 16, 2019 at 8:21 pm #1054694
    info224

    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; }}

    January 17, 2019 at 11:56 am #1054946
    info224

    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; }}

    January 18, 2019 at 6:13 am #1055357
    info224

    Hi could someone come back to me please

    Thanks

    January 18, 2019 at 5:50 pm #1055547
    Victoria

    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

    January 18, 2019 at 6:16 pm #1055581
    info224

    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

    January 22, 2019 at 3:47 am #1057000
    Ismael

    Hi,

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

    Best regards,
    Ismael

    January 27, 2019 at 4:28 pm #1059370
    info224

    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

    Menu

    • This reply was modified 5 years, 10 months ago by info224.
    January 28, 2019 at 6:28 am #1059522
    Vinay

    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

    January 28, 2019 at 5:59 pm #1059721
    info224

    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

    January 29, 2019 at 5:50 pm #1060122
    Vinay

    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

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